ColorTool
Giriş yap
#33434A

#33434a ≈ Charcoal

  • gök mavisi
  • Açıklık: düşük
  • Doygunluk: düşük
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#33434a, “gök mavisi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %20 kırmızı, %26,27 yeşil ve %29,02 maviden oluşur; CMYK baskıda %31,08 camgöbeği, %9,46 macenta, %0 sarı ve %70,98 siyah kullanır. Ton açısı 198,26°, HSL’de doygunluğu %18,4 ve açıklığı %24,51’dir. Soğuk bir renktir ve çoğunlukla açıklık, özgürlük ve huzur ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 10,28:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Charcoal (#36454f), ΔE 2,15.

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.0521

Tamamlayıcı

  1. #33434a
  2. #4a3a33

Bölünmüş tamamlayıcı

  1. #33434a
  2. #4a3338
  3. #4a4633

Komşu

  1. #334a46
  2. #33434a
  3. #33384a

Üçlü

  1. #33434a
  2. #4a3343
  3. #434a33

Dörtlü

  1. #33434a
  2. #3a334a
  3. #4a3a33
  4. #434a33

Kare

  1. #33434a
  2. #46334a
  3. #4a3a33
  4. #384a33

Tek renkli

  1. #080b0c
  2. #141a1d
  3. #33434a
  4. #526c77
  5. #7693a0

Koyu tonlar

#33434a kademeli olarak siyahla karıştırıldı.

  1. #33434a
  2. #2e3c43
  3. #29363b
  4. #242f34
  5. #1f282c
  6. #1a2225
  7. #141b1e
  8. #0f1416
  9. #0a0d0f
  10. #050707
  11. #000000

Açık tonlar

#33434a kademeli olarak beyazla karıştırıldı.

  1. #33434a
  2. #47565c
  3. #5c696e
  4. #707b80
  5. #858e92
  6. #99a1a5
  7. #adb4b7
  8. #c2c7c9
  9. #d6d9db
  10. #ebeced
  11. #ffffff

Tonlar

#33434a kademeli olarak griyle karıştırıldı.

  1. #33434a
  2. #3b494f
  3. #424f55
  4. #4a555a
  5. #525b60
  6. #5a6265
  7. #61686a
  8. #696e70
  9. #717475
  10. #787a7b
  11. #808080

Okunaklı metin 10.28:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #414141 Erkeklerin ≈ 0.003% kadarı
Akromatomali #3c4245 Erkeklerin ≈ 0.001% kadarı
Protanopi #3f424a Erkeklerin ≈ 1.01% kadarı
Döteranopi #3c3f4a Erkeklerin ≈ 1.27% kadarı
Tritanopi #2c4545 Erkeklerin ≈ 0.0001% kadarı
Protanomali #3b424a Erkeklerin ≈ 1.08% kadarı
Döteranomali #38414a Erkeklerin ≈ 4.63% kadarı
Tritanomali #2f4447 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-33434a {
  color: #33434a;
}
Arka plan
.bg-33434a {
  background-color: #33434a;
  color: #ffffff;
}
Kenarlık
.border-33434a {
  border: 2px solid #33434a;
}
CSS değişkenleri
:root {
  --color-primary: #33434a;
  --color-primary-rgb: 51 67 74;
  --color-primary-hsl: 198 18% 25%;
}
Geçiş
.gradient-33434a {
  background: linear-gradient(135deg, #33434a, #33384a);
}
Renkli gölge
.shadow-33434a {
  box-shadow: 0 8px 24px rgb(51 67 74 / 0.35);
}

#36454f Charcoal ΔE 2.15 #414a4c Outer Space ΔE 4.29 #2a3439 Gunmetal ΔE 5.10 #353839 Onyx ΔE 6.58 #2f4f4f Dark Slate Gray ΔE 8.33 #2f4f4f Dark Slate Grey ΔE 8.33 #343434 Jet ΔE 8.65 #ccbcb5 Ters renk #414141 Gri tonlama 

Charcoal
#33434a  rgb(51, 67, 74)  hsl(198, 18%, 25%)  Charcoal
#4a3a33  rgb(74, 58, 51)  hsl(18, 18%, 25%)  Taupe
#4a3343  rgb(74, 51, 67)  hsl(318, 18%, 25%)  Eggplant
#434a33  rgb(67, 74, 51)  hsl(78, 18%, 25%)  Rifle Green