ColorTool
Giriş yap
#CCDFE2

#ccdfe2 ≈ Columbia Blue

  • camgöbeği
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#ccdfe2, “camgöbeği” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %87,45 yeşil ve %88,63 maviden oluşur; CMYK baskıda %9,73 camgöbeği, %1,33 macenta, %0 sarı ve %11,37 siyah kullanır. Ton açısı 188,18°, HSL’de doygunluğu %27,5 ve açıklığı %84,31’dir. Soğuk 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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 15,22:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Columbia Blue (#b9d9eb), ΔE 6,5.

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

Tamamlayıcı

  1. #ccdfe2
  2. #e2cfcc

Bölünmüş tamamlayıcı

  1. #ccdfe2
  2. #e2ccd4
  3. #e2dacc

Komşu

  1. #cce2da
  2. #ccdfe2
  3. #ccd4e2

Üçlü

  1. #ccdfe2
  2. #e2ccdf
  3. #dfe2cc

Dörtlü

  1. #ccdfe2
  2. #cfcce2
  3. #e2cfcc
  4. #dfe2cc

Kare

  1. #ccdfe2
  2. #dacce2
  3. #e2cfcc
  4. #d4e2cc

Tek renkli

  1. #6aa2ab
  2. #9bc0c6
  3. #ccdfe2
  4. #f2f7f8
  5. #f2f7f8

Koyu tonlar

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

  1. #ccdfe2
  2. #b8c9cb
  3. #a3b2b5
  4. #8f9c9e
  5. #7a8688
  6. #667071
  7. #52595a
  8. #3d4344
  9. #292d2d
  10. #141617
  11. #000000

Açık tonlar

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

  1. #ccdfe2
  2. #d1e2e5
  3. #d6e5e8
  4. #dbe9eb
  5. #e0ecee
  6. #e6eff1
  7. #ebf2f3
  8. #f0f5f6
  9. #f5f9f9
  10. #fafcfc
  11. #ffffff

Tonlar

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

  1. #ccdfe2
  2. #c4d6d8
  3. #bdccce
  4. #b5c3c5
  5. #aeb9bb
  6. #a6b0b1
  7. #9ea6a7
  8. #979d9d
  9. #8f9394
  10. #888a8a
  11. #808080

Okunaklı metin 1.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 15.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #dbdbdb Erkeklerin ≈ 0.003% kadarı
Akromatomali #d5ddde Erkeklerin ≈ 0.001% kadarı
Protanopi #dcdde2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d8dae2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c6e1e0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d6dee2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d3dce2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c9e0e1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ccdfe2 {
  color: #ccdfe2;
}
Arka plan
.bg-ccdfe2 {
  background-color: #ccdfe2;
  color: #000000;
}
Kenarlık
.border-ccdfe2 {
  border: 2px solid #ccdfe2;
}
CSS değişkenleri
:root {
  --color-primary: #ccdfe2;
  --color-primary-rgb: 204 223 226;
  --color-primary-hsl: 188 28% 84%;
}
Geçiş
.gradient-ccdfe2 {
  background: linear-gradient(135deg, #ccdfe2, #ccd4e2);
}
Renkli gölge
.shadow-ccdfe2 {
  box-shadow: 0 8px 24px rgb(204 223 226 / 0.35);
}

#b9d9eb Columbia Blue ΔE 6.50 #aec6cf Pastel Blue ΔE 6.75 #bcd4e6 Pale Aqua ΔE 6.82 #f0ffff Azure ΔE 7.17 #add8e6 Light Blue ΔE 7.21 #e0ffff Light Cyan ΔE 7.59 #dcdcdc Gainsboro ΔE 7.70 #33201d Ters renk #dbdbdb Gri tonlama 

Columbia Blue
#ccdfe2  rgb(204, 223, 226)  hsl(188, 28%, 84%)  Columbia Blue
#e2cfcc  rgb(226, 207, 204)  hsl(8, 28%, 84%)  Misty Rose
#e2ccdf  rgb(226, 204, 223)  hsl(308, 28%, 84%)  Languid Lavender
#dfe2cc  rgb(223, 226, 204)  hsl(68, 28%, 84%)  Beige