ColorTool
Giriş yap
#FFFCA2

#fffca2 ≈ Pastel Yellow

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

#fffca2, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %100 kırmızı, %98,82 yeşil ve %63,53 maviden oluşur; CMYK baskıda %0 camgöbeği, %1,18 macenta, %36,47 sarı ve %0 siyah kullanır. Ton açısı 58,06°, HSL’de doygunluğu %100 ve açıklığı %81,76’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 19,7:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pastel Yellow (#fdfd96), ΔE 2,03.

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

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

Tamamlayıcı

  1. #fffca2
  2. #a2a5ff

Bölünmüş tamamlayıcı

  1. #fffca2
  2. #a2d3ff
  3. #cda2ff

Komşu

  1. #ffcda2
  2. #fffca2
  3. #d3ffa2

Üçlü

  1. #fffca2
  2. #a2fffc
  3. #fca2ff

Dörtlü

  1. #fffca2
  2. #a5ffa2
  3. #a2a5ff
  4. #fca2ff

Kare

  1. #fffca2
  2. #a2ffcd
  3. #a2a5ff
  4. #ffa2d3

Tek renkli

  1. #fff709
  2. #fffa55
  3. #fffca2
  4. #fffeeb
  5. #fffeeb

Koyu tonlar

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

  1. #fffca2
  2. #e6e392
  3. #ccca82
  4. #b3b071
  5. #999761
  6. #807e51
  7. #666541
  8. #4d4c31
  9. #333220
  10. #1a1910
  11. #000000

Açık tonlar

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

  1. #fffca2
  2. #fffcab
  3. #fffdb5
  4. #fffdbe
  5. #fffdc7
  6. #fffed1
  7. #fffeda
  8. #fffee3
  9. #fffeec
  10. #fffff6
  11. #ffffff

Tonlar

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

  1. #fffca2
  2. #f2f09f
  3. #e6e39b
  4. #d9d798
  5. #ccca94
  6. #c0be91
  7. #b3b28e
  8. #a6a58a
  9. #999987
  10. #8d8c83
  11. #808080

Okunaklı metin 1.07:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 19.7:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f8f8f8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #fbf9db Erkeklerin ≈ 0.001% kadarı
Protanopi #fff59b Erkeklerin ≈ 1.01% kadarı
Döteranopi #fffaa6 Erkeklerin ≈ 1.27% kadarı
Tritanopi #fff1e6 Erkeklerin ≈ 0.0001% kadarı
Protanomali #fff89e Erkeklerin ≈ 1.08% kadarı
Döteranomali #fffba4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #fff6ce Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#fdfd96 Pastel Yellow ΔE 2.03 #f0e68c Khaki ΔE 4.75 #eee8aa Pale Goldenrod ΔE 6.21 #eedc82 Flax ΔE 7.49 #f3e5ab Vanilla ΔE 7.71 #ffff66 Laser Lemon ΔE 7.71 #f0dc82 Buff ΔE 7.74 #00035d Ters renk #f8f8f8 Gri tonlama 

Pastel Yellow
#fffca2  rgb(255, 252, 162)  hsl(58, 100%, 82%)  Pastel Yellow
#a2a5ff  rgb(162, 165, 255)  hsl(238, 100%, 82%)  Wild Blue Yonder
#a2fffc  rgb(162, 255, 252)  hsl(178, 100%, 82%)  Celeste
#fca2ff  rgb(252, 162, 255)  hsl(298, 100%, 82%)  Mauve