ColorTool
Giriş yap
#FFF5BA

#fff5ba ≈ Blond

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

#fff5ba, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu orta. RGB modelinde %100 kırmızı, %96,08 yeşil ve %72,94 maviden oluşur; CMYK baskıda %0 camgöbeği, %3,92 macenta, %27,06 sarı ve %0 siyah kullanır. Ton açısı 51,3°, HSL’de doygunluğu %100 ve açıklığı %86,47’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,02:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Blond (#faf0be), ΔE 2,2.

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

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

Tamamlayıcı

  1. #fff5ba
  2. #bac4ff

Bölünmüş tamamlayıcı

  1. #fff5ba
  2. #bae7ff
  3. #d2baff

Komşu

  1. #ffd2ba
  2. #fff5ba
  3. #e7ffba

Üçlü

  1. #fff5ba
  2. #bafff5
  3. #f5baff

Dörtlü

  1. #fff5ba
  2. #c4ffba
  3. #bac4ff
  4. #f5baff

Kare

  1. #fff5ba
  2. #baffd2
  3. #bac4ff
  4. #ffbae7

Tek renkli

  1. #ffdf21
  2. #ffea6d
  3. #fff5ba
  4. #fffceb
  5. #fffceb

Koyu tonlar

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

  1. #fff5ba
  2. #e6dda7
  3. #ccc495
  4. #b3ac82
  5. #999370
  6. #807b5d
  7. #66624a
  8. #4d4a38
  9. #333125
  10. #1a1913
  11. #000000

Açık tonlar

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

  1. #fff5ba
  2. #fff6c1
  3. #fff7c8
  4. #fff8cf
  5. #fff9d6
  6. #fffadd
  7. #fffbe3
  8. #fffcea
  9. #fffdf1
  10. #fffef8
  11. #ffffff

Tonlar

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

  1. #fff5ba
  2. #f2e9b4
  3. #e6deae
  4. #d9d2a9
  5. #ccc6a3
  6. #c0bb9d
  7. #b3af97
  8. #a6a391
  9. #99978c
  10. #8d8c86
  11. #808080

Okunaklı metin 1.1:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 19.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f4f4f4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f8f4df Erkeklerin ≈ 0.001% kadarı
Protanopi #fff1b6 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fff6bc Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffede5 Erkeklerin ≈ 0.0001% kadarı
Protanomali #fff3b8 Erkeklerin ≈ 1.08% kadarı
Döteranomali #fff5bb Erkeklerin ≈ 4.63% kadarı
Tritanomali #fff0d5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#faf0be Blond ΔE 2.20 #eee8aa Pale Goldenrod ΔE 3.28 #f3e5ab Vanilla ΔE 3.46 #fffacd Lemon Chiffon ΔE 3.66 #fffdd0 Cream ΔE 4.30 #fafad2 Light Goldenrod Yellow ΔE 5.50 #ffe5b4 Peach ΔE 6.61 #000a45 Ters renk #f4f4f4 Gri tonlama 

Blond
#fff5ba  rgb(255, 245, 186)  hsl(51, 100%, 86%)  Blond
#bac4ff  rgb(186, 196, 255)  hsl(231, 100%, 86%)  Periwinkle
#bafff5  rgb(186, 255, 245)  hsl(171, 100%, 86%)  Celeste
#f5baff  rgb(245, 186, 255)  hsl(291, 100%, 86%)  Mauve