ColorTool
Giriş yap
#C4FFB1

#c4ffb1 ≈ Pale Green

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

#c4ffb1, “yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu orta. RGB modelinde %76,86 kırmızı, %100 yeşil ve %69,41 maviden oluşur; CMYK baskıda %23,14 camgöbeği, %0 macenta, %30,59 sarı ve %0 siyah kullanır. Ton açısı 105,38°, HSL’de doygunluğu %100 ve açıklığı %84,71’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 18,29:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pale Green (#98fb98), ΔE 5,89.

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

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

Tamamlayıcı

  1. #c4ffb1
  2. #ecb1ff

Bölünmüş tamamlayıcı

  1. #c4ffb1
  2. #c5b1ff
  3. #ffb1eb

Komşu

  1. #ebffb1
  2. #c4ffb1
  3. #b1ffc5

Üçlü

  1. #c4ffb1
  2. #b1c4ff
  3. #ffb1c4

Dörtlü

  1. #c4ffb1
  2. #b1ffec
  3. #ecb1ff
  4. #ffb1c4

Kare

  1. #c4ffb1
  2. #b1ebff
  3. #ecb1ff
  4. #ffc5b1

Tek renkli

  1. #50ff18
  2. #8aff65
  3. #c4ffb1
  4. #f0ffeb
  5. #f0ffeb

Koyu tonlar

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

  1. #c4ffb1
  2. #b0e69f
  3. #9dcc8e
  4. #89b37c
  5. #76996a
  6. #628059
  7. #4e6647
  8. #3b4d35
  9. #273323
  10. #141a12
  11. #000000

Açık tonlar

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

  1. #c4ffb1
  2. #caffb9
  3. #d0ffc1
  4. #d6ffc8
  5. #dcffd0
  6. #e2ffd8
  7. #e7ffe0
  8. #edffe8
  9. #f3ffef
  10. #f9fff7
  11. #ffffff

Tonlar

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

  1. #c4ffb1
  2. #bdf2ac
  3. #b6e6a7
  4. #b0d9a2
  5. #a9cc9d
  6. #a2c099
  7. #9bb394
  8. #94a68f
  9. #8e998a
  10. #878d85
  11. #808080

Okunaklı metin 1.15:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 18.29:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #efefef Erkeklerin ≈ 0.003% kadarı
Akromatomali #dff6d9 Erkeklerin ≈ 0.001% kadarı
Protanopi #fff3ac Erkeklerin ≈ 1.01% kadarı
Döteranopi #fbedb5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c2faeb Erkeklerin ≈ 0.0001% kadarı
Protanomali #edf8ae Erkeklerin ≈ 1.08% kadarı
Döteranomali #e7f4b3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c3fcd6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c4ffb1 {
  color: #c4ffb1;
}
Arka plan
.bg-c4ffb1 {
  background-color: #c4ffb1;
  color: #000000;
}
Kenarlık
.border-c4ffb1 {
  border: 2px solid #c4ffb1;
}
CSS değişkenleri
:root {
  --color-primary: #c4ffb1;
  --color-primary-rgb: 196 255 177;
  --color-primary-hsl: 105 100% 85%;
}
Geçiş
.gradient-c4ffb1 {
  background: linear-gradient(135deg, #c4ffb1, #b1ffc5);
}
Renkli gölge
.shadow-c4ffb1 {
  box-shadow: 0 8px 24px rgb(196 255 177 / 0.35);
}

#98fb98 Pale Green ΔE 5.89 #a8e4a0 Granny Smith Apple ΔE 6.12 #98ff98 Mint Green ΔE 6.15 #90ee90 Light Green ΔE 6.92 #d0f0c0 Tea Green ΔE 7.07 #ace1af Celadon ΔE 8.19 #b2ec5d Inchworm ΔE 10.89 #3b004e Ters renk #efefef Gri tonlama 

Pale Green
#c4ffb1  rgb(196, 255, 177)  hsl(105, 100%, 85%)  Pale Green
#ecb1ff  rgb(236, 177, 255)  hsl(285, 100%, 85%)  Mauve
#b1c4ff  rgb(177, 196, 255)  hsl(225, 100%, 85%)  Periwinkle
#ffb1c4  rgb(255, 177, 196)  hsl(345, 100%, 85%)  Cherry Blossom Pink