ColorTool
Giriş yap
#CCF1DD

#ccf1dd ≈ Magic Mint

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

#ccf1dd, “yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %94,51 yeşil ve %86,67 maviden oluşur; CMYK baskıda %15,35 camgöbeği, %0 macenta, %8,3 sarı ve %5,49 siyah kullanır. Ton açısı 147,57°, HSL’de doygunluğu %56,92 ve açıklığı %87,25’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 17,19:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Magic Mint (#aaf0d1), ΔE 6,96.

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

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

Tamamlayıcı

  1. #ccf1dd
  2. #f1cce0

Bölünmüş tamamlayıcı

  1. #ccf1dd
  2. #efccf1
  3. #f1cccd

Komşu

  1. #cdf1cc
  2. #ccf1dd
  3. #ccf1ef

Üçlü

  1. #ccf1dd
  2. #ddccf1
  3. #f1ddcc

Dörtlü

  1. #ccf1dd
  2. #cce0f1
  3. #f1cce0
  4. #f1ddcc

Kare

  1. #ccf1dd
  2. #cccdf1
  3. #f1cce0
  4. #f1efcc

Tek renkli

  1. #54d08d
  2. #90e1b5
  3. #ccf1dd
  4. #effbf4
  5. #effbf4

Koyu tonlar

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

  1. #ccf1dd
  2. #b8d9c7
  3. #a3c1b1
  4. #8fa99b
  5. #7a9185
  6. #66796f
  7. #526058
  8. #3d4842
  9. #29302c
  10. #141816
  11. #000000

Açık tonlar

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

  1. #ccf1dd
  2. #d1f2e0
  3. #d6f4e4
  4. #dbf5e7
  5. #e0f7eb
  6. #e6f8ee
  7. #ebf9f1
  8. #f0fbf5
  9. #f5fcf8
  10. #fafefc
  11. #ffffff

Tonlar

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

  1. #ccf1dd
  2. #c4e6d4
  3. #bddaca
  4. #b5cfc1
  5. #aec4b8
  6. #a6b9af
  7. #9eada5
  8. #97a29c
  9. #8f9793
  10. #888b89
  11. #808080

Okunaklı metin 1.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e8e8e8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #deece4 Erkeklerin ≈ 0.001% kadarı
Protanopi #f0ebdc Erkeklerin ≈ 1.01% kadarı
Döteranopi #e9e6de Erkeklerin ≈ 1.27% kadarı
Tritanopi #c5f1eb Erkeklerin ≈ 0.0001% kadarı
Protanomali #e2eedc Erkeklerin ≈ 1.08% kadarı
Döteranomali #deebde Erkeklerin ≈ 4.63% kadarı
Tritanomali #c8f1e6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ccf1dd {
  color: #ccf1dd;
}
Arka plan
.bg-ccf1dd {
  background-color: #ccf1dd;
  color: #000000;
}
Kenarlık
.border-ccf1dd {
  border: 2px solid #ccf1dd;
}
CSS değişkenleri
:root {
  --color-primary: #ccf1dd;
  --color-primary-rgb: 204 241 221;
  --color-primary-hsl: 148 57% 87%;
}
Geçiş
.gradient-ccf1dd {
  background: linear-gradient(135deg, #ccf1dd, #ccf1ef);
}
Renkli gölge
.shadow-ccf1dd {
  box-shadow: 0 8px 24px rgb(204 241 221 / 0.35);
}

#aaf0d1 Magic Mint ΔE 6.96 #f0fff0 Honeydew ΔE 7.85 #d0f0c0 Tea Green ΔE 8.38 #9fe2bf Seafoam Green ΔE 8.41 #e0ffff Light Cyan ΔE 8.97 #afeeee Pale Turquoise ΔE 9.30 #ace1af Celadon ΔE 9.89 #330e22 Ters renk #e8e8e8 Gri tonlama 

Magic Mint
#ccf1dd  rgb(204, 241, 221)  hsl(148, 57%, 87%)  Magic Mint
#f1cce0  rgb(241, 204, 224)  hsl(328, 57%, 87%)  Thistle
#ddccf1  rgb(221, 204, 241)  hsl(268, 57%, 87%)  Thistle
#f1ddcc  rgb(241, 221, 204)  hsl(28, 57%, 87%)  Antique White