ColorTool
Giriş yap
#303A3D

#303a3d ≈ Gunmetal

  • camgöbeği
  • Açıklık: düşük
  • Doygunluk: neredeyse hiç yok
  • Nötr
Kontrastı denetle Grafikte keşfet Rastgele renk

#303a3d, “camgöbeği” ailesinden bir renktir; açıklığı düşük, doygunluğu neredeyse hiç yok. RGB modelinde %18,82 kırmızı, %22,75 yeşil ve %23,92 maviden oluşur; CMYK baskıda %21,31 camgöbeği, %4,92 macenta, %0 sarı ve %76,08 siyah kullanır. Ton açısı 193,85°, HSL’de doygunluğu %11,93 ve açıklığı %21,37’dir. Nötr bir renktir ve çoğunlukla ferahlık, teknoloji ve netlik ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 11,68:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Gunmetal (#2a3439), ΔE 2,31.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#333333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.0399

Tamamlayıcı

  1. #303a3d
  2. #3d3330

Bölünmüş tamamlayıcı

  1. #303a3d
  2. #3d3033
  3. #3d3930

Komşu

  1. #303d39
  2. #303a3d
  3. #30333d

Üçlü

  1. #303a3d
  2. #3d303a
  3. #3a3d30

Dörtlü

  1. #303a3d
  2. #33303d
  3. #3d3330
  4. #3a3d30

Kare

  1. #303a3d
  2. #39303d
  3. #3d3330
  4. #333d30

Tek renkli

  1. #090b0b
  2. #0e1112
  3. #303a3d
  4. #526368
  5. #748b92

Koyu tonlar

#303a3d kademeli olarak siyahla karıştırıldı.

  1. #303a3d
  2. #2b3437
  3. #262e31
  4. #22292b
  5. #1d2325
  6. #181d1f
  7. #131718
  8. #0e1112
  9. #0a0c0c
  10. #050606
  11. #000000

Açık tonlar

#303a3d kademeli olarak beyazla karıştırıldı.

  1. #303a3d
  2. #454e50
  3. #596164
  4. #6e7577
  5. #83898b
  6. #989d9e
  7. #acb0b1
  8. #c1c4c5
  9. #d6d8d8
  10. #eaebec
  11. #ffffff

Tonlar

#303a3d kademeli olarak griyle karıştırıldı.

  1. #303a3d
  2. #384144
  3. #40484a
  4. #484f51
  5. #505658
  6. #585d5f
  7. #606465
  8. #686b6c
  9. #707273
  10. #787979
  11. #808080

Okunaklı metin 11.68:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 1.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #383838 Erkeklerin ≈ 0.003% kadarı
Akromatomali #35393a Erkeklerin ≈ 0.001% kadarı
Protanopi #38393d Erkeklerin ≈ 1.01% kadarı
Döteranopi #36383d Erkeklerin ≈ 1.27% kadarı
Tritanopi #2c3b3b Erkeklerin ≈ 0.0001% kadarı
Protanomali #353a3d Erkeklerin ≈ 1.08% kadarı
Döteranomali #34393d Erkeklerin ≈ 4.63% kadarı
Tritanomali #2e3b3c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-303a3d {
  color: #303a3d;
}
Arka plan
.bg-303a3d {
  background-color: #303a3d;
  color: #ffffff;
}
Kenarlık
.border-303a3d {
  border: 2px solid #303a3d;
}
CSS değişkenleri
:root {
  --color-primary: #303a3d;
  --color-primary-rgb: 48 58 61;
  --color-primary-hsl: 194 12% 21%;
}
Geçiş
.gradient-303a3d {
  background: linear-gradient(135deg, #303a3d, #30333d);
}
Renkli gölge
.shadow-303a3d {
  box-shadow: 0 8px 24px rgb(48 58 61 / 0.35);
}

#2a3439 Gunmetal ΔE 2.31 #353839 Onyx ΔE 3.50 #36454f Charcoal ΔE 5.15 #414a4c Outer Space ΔE 5.37 #343434 Jet ΔE 5.46 #3b3c36 Black Olive ΔE 6.70 #2f4f4f Dark Slate Gray ΔE 10.12 #cfc5c2 Ters renk #383838 Gri tonlama 

Gunmetal
#303a3d  rgb(48, 58, 61)  hsl(194, 12%, 21%)  Gunmetal
#3d3330  rgb(61, 51, 48)  hsl(14, 12%, 21%)  Taupe
#3d303a  rgb(61, 48, 58)  hsl(314, 12%, 21%)  Jet
#3a3d30  rgb(58, 61, 48)  hsl(74, 12%, 21%)  Black Olive