ColorTool
Giriş yap
#CCDFCF

#ccdfcf ≈ Honeydew

  • yeşil
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#ccdfcf, “yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %87,45 yeşil ve %81,18 maviden oluşur; CMYK baskıda %8,52 camgöbeği, %0 macenta, %7,17 sarı ve %12,55 siyah kullanır. Ton açısı 129,47°, HSL’de doygunluğu %22,89 ve açıklığı %83,73’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve arka planlar ve geniş yüzeyler için kullanır. Bu renk üzerinde siyah metin 15,02:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Honeydew (#f0fff0), ΔE 7,21.

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

Tamamlayıcı

  1. #ccdfcf
  2. #dfccdc

Bölünmüş tamamlayıcı

  1. #ccdfcf
  2. #d9ccdf
  3. #dfccd3

Komşu

  1. #d3dfcc
  2. #ccdfcf
  3. #ccdfd9

Üçlü

  1. #ccdfcf
  2. #cfccdf
  3. #dfcfcc

Dörtlü

  1. #ccdfcf
  2. #ccdcdf
  3. #dfccdc
  4. #dfcfcc

Kare

  1. #ccdfcf
  2. #ccd3df
  3. #dfccdc
  4. #dfd9cc

Tek renkli

  1. #6ea477
  2. #9dc2a3
  3. #ccdfcf
  4. #f2f7f3
  5. #f2f7f3

Koyu tonlar

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

  1. #ccdfcf
  2. #b8c9ba
  3. #a3b2a6
  4. #8f9c91
  5. #7a867c
  6. #667068
  7. #525953
  8. #3d433e
  9. #292d29
  10. #141615
  11. #000000

Açık tonlar

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

  1. #ccdfcf
  2. #d1e2d4
  3. #d6e5d9
  4. #dbe9dd
  5. #e0ece2
  6. #e6efe7
  7. #ebf2ec
  8. #f0f5f1
  9. #f5f9f5
  10. #fafcfa
  11. #ffffff

Tonlar

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

  1. #ccdfcf
  2. #c4d6c7
  3. #bdccbf
  4. #b5c3b7
  5. #aeb9af
  6. #a6b0a8
  7. #9ea6a0
  8. #979d98
  9. #8f9390
  10. #888a88
  11. #808080

Okunaklı metin 1.4:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 15.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #dadada Erkeklerin ≈ 0.003% kadarı
Akromatomali #d5dcd6 Erkeklerin ≈ 0.001% kadarı
Protanopi #dfdbce Erkeklerin ≈ 1.01% kadarı
Döteranopi #dcd9d0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #cadeda Erkeklerin ≈ 0.0001% kadarı
Protanomali #d8ddcf Erkeklerin ≈ 1.08% kadarı
Döteranomali #d6dccf Erkeklerin ≈ 4.63% kadarı
Tritanomali #cbded6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f0fff0 Honeydew ΔE 7.21 #a8c3bc Opal ΔE 8.30 #b2beb5 Ash Gray ΔE 8.50 #f5f5dc Beige ΔE 9.38 #f5fffa Mint Cream ΔE 9.53 #e0ffff Light Cyan ΔE 9.92 #d0f0c0 Tea Green ΔE 10.08 #332030 Ters renk #dadada Gri tonlama 

Honeydew
#ccdfcf  rgb(204, 223, 207)  hsl(129, 23%, 84%)  Honeydew
#dfccdc  rgb(223, 204, 220)  hsl(309, 23%, 84%)  Languid Lavender
#cfccdf  rgb(207, 204, 223)  hsl(249, 23%, 84%)  Languid Lavender
#dfcfcc  rgb(223, 207, 204)  hsl(9, 23%, 84%)  Timberwolf