ColorTool
Giriş yap
#C8CCBB

#c8ccbb ≈ Ash Gray

  • sarı-yeşil
  • Açıklık: yüksek
  • Doygunluk: düşük
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#c8ccbb, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %78,43 kırmızı, %80 yeşil ve %73,33 maviden oluşur; CMYK baskıda %1,96 camgöbeği, %0 macenta, %8,33 sarı ve %20 siyah kullanır. Ton açısı 74,12°, HSL’de doygunluğu %14,29 ve açıklığı %76,67’dir. Sıcak bir renktir ve çoğunlukla tazelik, büyüme ve canlılık ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 12,81:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ash Gray (#b2beb5), ΔE 5,85.

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

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

Tamamlayıcı

  1. #c8ccbb
  2. #bfbbcc

Bölünmüş tamamlayıcı

  1. #c8ccbb
  2. #bbc0cc
  3. #c8bbcc

Komşu

  1. #ccc8bb
  2. #c8ccbb
  3. #c0ccbb

Üçlü

  1. #c8ccbb
  2. #bbc8cc
  3. #ccbbc8

Dörtlü

  1. #c8ccbb
  2. #bbccbf
  3. #bfbbcc
  4. #ccbbc8

Kare

  1. #c8ccbb
  2. #bbccc8
  3. #bfbbcc
  4. #ccbbc0

Tek renkli

  1. #808866
  2. #a5ab8f
  3. #c8ccbb
  4. #ebede7
  5. #f6f6f3

Koyu tonlar

#c8ccbb kademeli olarak siyahla karıştırıldı.

  1. #c8ccbb
  2. #b4b8a8
  3. #a0a396
  4. #8c8f83
  5. #787a70
  6. #64665e
  7. #50524b
  8. #3c3d38
  9. #282925
  10. #141413
  11. #000000

Açık tonlar

#c8ccbb kademeli olarak beyazla karıştırıldı.

  1. #c8ccbb
  2. #ced1c2
  3. #d3d6c9
  4. #d9dbcf
  5. #dee0d6
  6. #e4e6dd
  7. #e9ebe4
  8. #eff0eb
  9. #f4f5f1
  10. #fafaf8
  11. #ffffff

Tonlar

#c8ccbb kademeli olarak griyle karıştırıldı.

  1. #c8ccbb
  2. #c1c4b5
  3. #babdaf
  4. #b2b5a9
  5. #abaea3
  6. #a4a69e
  7. #9d9e98
  8. #969792
  9. #8e8f8c
  10. #878886
  11. #808080

Okunaklı metin 1.64:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 12.81:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #cacaca Erkeklerin ≈ 0.003% kadarı
Akromatomali #c9cbc4 Erkeklerin ≈ 0.001% kadarı
Protanopi #cfcaba Erkeklerin ≈ 1.01% kadarı
Döteranopi #cecabc Erkeklerin ≈ 1.27% kadarı
Tritanopi #cacac7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #cccbba Erkeklerin ≈ 1.08% kadarı
Döteranomali #cccbbb Erkeklerin ≈ 4.63% kadarı
Tritanomali #c9cbc2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c8ccbb {
  color: #c8ccbb;
}
Arka plan
.bg-c8ccbb {
  background-color: #c8ccbb;
  color: #000000;
}
Kenarlık
.border-c8ccbb {
  border: 2px solid #c8ccbb;
}
CSS değişkenleri
:root {
  --color-primary: #c8ccbb;
  --color-primary-rgb: 200 204 187;
  --color-primary-hsl: 74 14% 77%;
}
Geçiş
.gradient-c8ccbb {
  background: linear-gradient(135deg, #c8ccbb, #c0ccbb);
}
Renkli gölge
.shadow-c8ccbb {
  box-shadow: 0 8px 24px rgb(200 204 187 / 0.35);
}

#b2beb5 Ash Gray ΔE 5.85 #e3dac9 Bone ΔE 7.37 #dbd7d2 Timberwolf ΔE 7.99 #eae0c8 Pearl ΔE 8.26 #f0ead6 Eggshell ΔE 8.58 #d3d3d3 Light Gray ΔE 8.68 #d3d3d3 Light Grey ΔE 8.68 #373344 Ters renk #cacaca Gri tonlama 

Ash Gray
#c8ccbb  rgb(200, 204, 187)  hsl(74, 14%, 77%)  Ash Gray
#bfbbcc  rgb(191, 187, 204)  hsl(254, 14%, 77%)  Languid Lavender
#bbc8cc  rgb(187, 200, 204)  hsl(194, 14%, 77%)  Pastel Blue
#ccbbc8  rgb(204, 187, 200)  hsl(314, 14%, 77%)  Languid Lavender