ColorTool
Giriş yap
#CCD99D

#ccd99d ≈ Pale Goldenrod

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

#ccd99d, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %85,1 yeşil ve %61,57 maviden oluşur; CMYK baskıda %5,99 camgöbeği, %0 macenta, %27,65 sarı ve %14,9 siyah kullanır. Ton açısı 73°, HSL’de doygunluğu %44,12 ve açıklığı %73,33’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 13,98:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pale Goldenrod (#eee8aa), ΔE 6,88.

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

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

Tamamlayıcı

  1. #ccd99d
  2. #aa9dd9

Bölünmüş tamamlayıcı

  1. #ccd99d
  2. #9daed9
  3. #c89dd9

Komşu

  1. #d9c89d
  2. #ccd99d
  3. #aed99d

Üçlü

  1. #ccd99d
  2. #9dccd9
  3. #d99dcc

Dörtlü

  1. #ccd99d
  2. #9dd9aa
  3. #aa9dd9
  4. #d99dcc

Kare

  1. #ccd99d
  2. #9dd9c8
  3. #aa9dd9
  4. #d99dae

Tek renkli

  1. #8a9f3e
  2. #afc466
  3. #ccd99d
  4. #e9eed4
  5. #f7f9f0

Koyu tonlar

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

  1. #ccd99d
  2. #b8c38d
  3. #a3ae7e
  4. #8f986e
  5. #7a825e
  6. #666d4f
  7. #52573f
  8. #3d412f
  9. #292b1f
  10. #141610
  11. #000000

Açık tonlar

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

  1. #ccd99d
  2. #d1dda7
  3. #d6e1b1
  4. #dbe4ba
  5. #e0e8c4
  6. #e6ecce
  7. #ebf0d8
  8. #f0f4e2
  9. #f5f7eb
  10. #fafbf5
  11. #ffffff

Tonlar

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

  1. #ccd99d
  2. #c4d09a
  3. #bdc797
  4. #b5be94
  5. #aeb591
  6. #a6ad8f
  7. #9ea48c
  8. #979b89
  9. #8f9286
  10. #888983
  11. #808080

Okunaklı metin 1.5:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.98:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d3d3d3 Erkeklerin ≈ 0.003% kadarı
Akromatomali #d0d5c0 Erkeklerin ≈ 0.001% kadarı
Protanopi #e1d399 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e0d3a0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d2d3c9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d9d59b Erkeklerin ≈ 1.08% kadarı
Döteranomali #d8d59f Erkeklerin ≈ 4.63% kadarı
Tritanomali #d0d5b9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#eee8aa Pale Goldenrod ΔE 6.88 #d0f0c0 Tea Green ΔE 7.53 #f3e5ab Vanilla ΔE 8.87 #bcb88a Sage ΔE 9.24 #f0e68c Khaki ΔE 9.40 #a8e4a0 Granny Smith Apple ΔE 9.43 #faf0be Blond ΔE 9.52 #332662 Ters renk #d3d3d3 Gri tonlama 

Pale Goldenrod
#ccd99d  rgb(204, 217, 157)  hsl(73, 44%, 73%)  Pale Goldenrod
#aa9dd9  rgb(170, 157, 217)  hsl(253, 44%, 73%)  Wisteria
#9dccd9  rgb(157, 204, 217)  hsl(193, 44%, 73%)  Light Blue
#d99dcc  rgb(217, 157, 204)  hsl(313, 44%, 73%)  Plum