ColorTool
Giriş yap
#CCD699

#ccd699 ≈ Pale Goldenrod

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

#ccd699, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %83,92 yeşil ve %60 maviden oluşur; CMYK baskıda %4,67 camgöbeği, %0 macenta, %28,5 sarı ve %16,08 siyah kullanır. Ton açısı 69,84°, HSL’de doygunluğu %42,66 ve açıklığı %71,96’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,65:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pale Goldenrod (#eee8aa), ΔE 6,64.

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

Tamamlayıcı

  1. #ccd699
  2. #a399d6

Bölünmüş tamamlayıcı

  1. #ccd699
  2. #99add6
  3. #c299d6

Komşu

  1. #d6c299
  2. #ccd699
  3. #add699

Üçlü

  1. #ccd699
  2. #99ccd6
  3. #d699cc

Dörtlü

  1. #ccd699
  2. #99d6a3
  3. #a399d6
  4. #d699cc

Kare

  1. #ccd699
  2. #99d6c2
  3. #a399d6
  4. #d699ad

Tek renkli

  1. #8a993d
  2. #b1c062
  3. #ccd699
  4. #e7ecd0
  5. #f8f9f0

Koyu tonlar

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

  1. #ccd699
  2. #b8c18a
  3. #a3ab7a
  4. #8f966b
  5. #7a805c
  6. #666b4d
  7. #52563d
  8. #3d402e
  9. #292b1f
  10. #14150f
  11. #000000

Açık tonlar

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

  1. #ccd699
  2. #d1daa3
  3. #d6dead
  4. #dbe2b8
  5. #e0e6c2
  6. #e6ebcc
  7. #ebefd6
  8. #f0f3e0
  9. #f5f7eb
  10. #fafbf5
  11. #ffffff

Tonlar

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

  1. #ccd699
  2. #c4cd97
  3. #bdc594
  4. #b5bc92
  5. #aeb48f
  6. #a6ab8d
  7. #9ea28a
  8. #979a88
  9. #8f9185
  10. #888983
  11. #808080

Okunaklı metin 1.54:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d0d0d0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #cfd3bd Erkeklerin ≈ 0.001% kadarı
Protanopi #dfd095 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ded19c Erkeklerin ≈ 1.27% kadarı
Tritanopi #d3cfc6 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d7d297 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d7d39b Erkeklerin ≈ 4.63% kadarı
Tritanomali #d0d2b6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#eee8aa Pale Goldenrod ΔE 6.64 #bcb88a Sage ΔE 8.43 #f3e5ab Vanilla ΔE 8.46 #d0f0c0 Tea Green ΔE 8.56 #f0e68c Khaki ΔE 8.92 #bdb76b Dark Khaki ΔE 9.36 #faf0be Blond ΔE 9.43 #332966 Ters renk #d0d0d0 Gri tonlama 

Pale Goldenrod
#ccd699  rgb(204, 214, 153)  hsl(70, 43%, 72%)  Pale Goldenrod
#a399d6  rgb(163, 153, 214)  hsl(250, 43%, 72%)  Wild Blue Yonder
#99ccd6  rgb(153, 204, 214)  hsl(190, 43%, 72%)  Light Blue
#d699cc  rgb(214, 153, 204)  hsl(310, 43%, 72%)  Plum