ColorTool
Giriş yap
#FCCA54

#fcca54 ≈ Sunglow

  • sarı
  • Açıklık: yüksek
  • Doygunluk: güçlü
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#fcca54, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %98,82 kırmızı, %79,22 yeşil ve %32,94 maviden oluşur; CMYK baskıda %0 camgöbeği, %19,84 macenta, %66,67 sarı ve %1,18 siyah kullanır. Ton açısı 42,14°, HSL’de doygunluğu %96,55 ve açıklığı %65,88’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 13,72:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Sunglow (#ffcc33), ΔE 3,34.

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

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

Tamamlayıcı

  1. #fcca54
  2. #5486fc

Bölünmüş tamamlayıcı

  1. #fcca54
  2. #54dafc
  3. #7654fc

Komşu

  1. #fc7654
  2. #fcca54
  3. #dafc54

Üçlü

  1. #fcca54
  2. #54fcca
  3. #ca54fc

Dörtlü

  1. #fcca54
  2. #86fc54
  3. #5486fc
  4. #ca54fc

Kare

  1. #fcca54
  2. #54fc76
  3. #5486fc
  4. #fc54da

Tek renkli

  1. #b47f03
  2. #fbb309
  3. #fcca54
  4. #fde19f
  5. #fff9ea

Koyu tonlar

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

  1. #fcca54
  2. #e3b64c
  3. #caa243
  4. #b08d3b
  5. #977932
  6. #7e652a
  7. #655122
  8. #4c3d19
  9. #322811
  10. #191408
  11. #000000

Açık tonlar

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

  1. #fcca54
  2. #fccf65
  3. #fdd576
  4. #fdda87
  5. #fddf98
  6. #fee5aa
  7. #feeabb
  8. #feefcc
  9. #fef4dd
  10. #fffaee
  11. #ffffff

Tonlar

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

  1. #fcca54
  2. #f0c358
  3. #e3bb5d
  4. #d7b461
  5. #caac66
  6. #bea56a
  7. #b29e6e
  8. #a59673
  9. #998f77
  10. #8c877c
  11. #808080

Okunaklı metin 1.53:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.72:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d1d1d1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e3cead Erkeklerin ≈ 0.001% kadarı
Protanopi #e1c946 Erkeklerin ≈ 1.01% kadarı
Döteranopi #edd659 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffb9b1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ecc94c Erkeklerin ≈ 1.08% kadarı
Döteranomali #f3d157 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ffc095 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-fcca54 {
  color: #fcca54;
}
Arka plan
.bg-fcca54 {
  background-color: #fcca54;
  color: #000000;
}
Kenarlık
.border-fcca54 {
  border: 2px solid #fcca54;
}
CSS değişkenleri
:root {
  --color-primary: #fcca54;
  --color-primary-rgb: 252 202 84;
  --color-primary-hsl: 42 97% 66%;
}
Geçiş
.gradient-fcca54 {
  background: linear-gradient(135deg, #fcca54, #dafc54);
}
Renkli gölge
.shadow-fcca54 {
  box-shadow: 0 8px 24px rgb(252 202 84 / 0.35);
}

#ffcc33 Sunglow ΔE 3.34 #f4c430 Saffron ΔE 3.43 #ffc40c Mikado Yellow ΔE 4.60 #fcc200 Golden Poppy ΔE 4.82 #e5b73b Meat Brown ΔE 5.03 #ffbf00 Amber ΔE 5.19 #ffdb58 Mustard ΔE 5.51 #0335ab Ters renk #d1d1d1 Gri tonlama 

Sunglow
#fcca54  rgb(252, 202, 84)  hsl(42, 97%, 66%)  Sunglow
#5486fc  rgb(84, 134, 252)  hsl(222, 97%, 66%)  United Nations Blue
#54fcca  rgb(84, 252, 202)  hsl(162, 97%, 66%)  Aquamarine
#ca54fc  rgb(202, 84, 252)  hsl(282, 97%, 66%)  Medium Orchid