ColorTool
Giriş yap
#F5EFBC

#f5efbc ≈ Blond

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

#f5efbc, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %96,08 kırmızı, %93,73 yeşil ve %73,73 maviden oluşur; CMYK baskıda %0 camgöbeği, %2,45 macenta, %23,27 sarı ve %3,92 siyah kullanır. Ton açısı 53,68°, HSL’de doygunluğu %74,03 ve açıklığı %84,9’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 17,96:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Blond (#faf0be), ΔE 1,42.

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

Tamamlayıcı

  1. #f5efbc
  2. #bcc2f5

Bölünmüş tamamlayıcı

  1. #f5efbc
  2. #bcdff5
  3. #d2bcf5

Komşu

  1. #f5d2bc
  2. #f5efbc
  3. #dff5bc

Üçlü

  1. #f5efbc
  2. #bcf5ef
  3. #efbcf5

Dörtlü

  1. #f5efbc
  2. #c2f5bc
  3. #bcc2f5
  4. #efbcf5

Kare

  1. #f5efbc
  2. #bcf5d2
  3. #bcc2f5
  4. #f5bcdf

Tek renkli

  1. #e1cf37
  2. #ebdf79
  3. #f5efbc
  4. #fcfbed
  5. #fcfbed

Koyu tonlar

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

  1. #f5efbc
  2. #ddd7a9
  3. #c4bf96
  4. #aca784
  5. #938f71
  6. #7b785e
  7. #62604b
  8. #4a4838
  9. #313026
  10. #191813
  11. #000000

Açık tonlar

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

  1. #f5efbc
  2. #f6f1c3
  3. #f7f2c9
  4. #f8f4d0
  5. #f9f5d7
  6. #faf7de
  7. #fbf9e4
  8. #fcfaeb
  9. #fdfcf2
  10. #fefdf8
  11. #ffffff

Tonlar

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

  1. #f5efbc
  2. #e9e4b6
  3. #ded9b0
  4. #d2ceaa
  5. #c6c3a4
  6. #bbb89e
  7. #afac98
  8. #a3a192
  9. #97968c
  10. #8c8b86
  11. #808080

Okunaklı metin 1.17:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.96:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ededed Erkeklerin ≈ 0.003% kadarı
Akromatomali #f0eedb Erkeklerin ≈ 0.001% kadarı
Protanopi #f9ebb9 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fbefbe Erkeklerin ≈ 1.27% kadarı
Tritanopi #fee8e1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #f7edba Erkeklerin ≈ 1.08% kadarı
Döteranomali #f9efbd Erkeklerin ≈ 4.63% kadarı
Tritanomali #faebd3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f5efbc {
  color: #f5efbc;
}
Arka plan
.bg-f5efbc {
  background-color: #f5efbc;
  color: #000000;
}
Kenarlık
.border-f5efbc {
  border: 2px solid #f5efbc;
}
CSS değişkenleri
:root {
  --color-primary: #f5efbc;
  --color-primary-rgb: 245 239 188;
  --color-primary-hsl: 54 74% 85%;
}
Geçiş
.gradient-f5efbc {
  background: linear-gradient(135deg, #f5efbc, #dff5bc);
}
Renkli gölge
.shadow-f5efbc {
  box-shadow: 0 8px 24px rgb(245 239 188 / 0.35);
}

#faf0be Blond ΔE 1.42 #fffacd Lemon Chiffon ΔE 2.78 #eee8aa Pale Goldenrod ΔE 2.96 #fffdd0 Cream ΔE 3.43 #f3e5ab Vanilla ΔE 3.48 #fafad2 Light Goldenrod Yellow ΔE 4.03 #ffffe0 Light Yellow ΔE 6.52 #0a1043 Ters renk #ededed Gri tonlama 

Blond
#f5efbc  rgb(245, 239, 188)  hsl(54, 74%, 85%)  Blond
#bcc2f5  rgb(188, 194, 245)  hsl(234, 74%, 85%)  Periwinkle
#bcf5ef  rgb(188, 245, 239)  hsl(174, 74%, 85%)  Pale Turquoise
#efbcf5  rgb(239, 188, 245)  hsl(294, 74%, 85%)  Mauve