ColorTool
Giriş yap
#F2E4B8

#f2e4b8 ≈ Blond

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

#f2e4b8, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %94,9 kırmızı, %89,41 yeşil ve %72,16 maviden oluşur; CMYK baskıda %0 camgöbeği, %5,79 macenta, %23,97 sarı ve %5,1 siyah kullanır. Ton açısı 45,52°, HSL’de doygunluğu %69,05 ve açıklığı %83,53’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 16,56:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Blond (#faf0be), ΔE 3,19.

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

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

Tamamlayıcı

  1. #f2e4b8
  2. #b8c6f2

Bölünmüş tamamlayıcı

  1. #f2e4b8
  2. #b8e3f2
  3. #c7b8f2

Komşu

  1. #f2c7b8
  2. #f2e4b8
  3. #e3f2b8

Üçlü

  1. #f2e4b8
  2. #b8f2e4
  3. #e4b8f2

Dörtlü

  1. #f2e4b8
  2. #c6f2b8
  3. #b8c6f2
  4. #e4b8f2

Kare

  1. #f2e4b8
  2. #b8f2c7
  3. #b8c6f2
  4. #f2b8e3

Tek renkli

  1. #dab337
  2. #e6cb77
  3. #f2e4b8
  4. #fcf8ee
  5. #fcf8ee

Koyu tonlar

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

  1. #f2e4b8
  2. #dacda6
  3. #c2b693
  4. #a9a081
  5. #91896e
  6. #79725c
  7. #615b4a
  8. #494437
  9. #302e25
  10. #181712
  11. #000000

Açık tonlar

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

  1. #f2e4b8
  2. #f3e7bf
  3. #f5e9c6
  4. #f6eccd
  5. #f7efd4
  6. #f9f2dc
  7. #faf4e3
  8. #fbf7ea
  9. #fcfaf1
  10. #fefcf8
  11. #ffffff

Tonlar

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

  1. #f2e4b8
  2. #e7dab2
  3. #dbd0ad
  4. #d0c6a7
  5. #c4bca2
  6. #b9b29c
  7. #aea896
  8. #a29e91
  9. #97948b
  10. #8b8a86
  11. #808080

Okunaklı metin 1.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e4e4e4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #eae4d4 Erkeklerin ≈ 0.001% kadarı
Protanopi #eee2b5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #f2e6b9 Erkeklerin ≈ 1.27% kadarı
Tritanopi #fcddd8 Erkeklerin ≈ 0.0001% kadarı
Protanomali #f0e3b6 Erkeklerin ≈ 1.08% kadarı
Döteranomali #f2e5b9 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f8e0cc Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f2e4b8 {
  color: #f2e4b8;
}
Arka plan
.bg-f2e4b8 {
  background-color: #f2e4b8;
  color: #000000;
}
Kenarlık
.border-f2e4b8 {
  border: 2px solid #f2e4b8;
}
CSS değişkenleri
:root {
  --color-primary: #f2e4b8;
  --color-primary-rgb: 242 228 184;
  --color-primary-hsl: 46 69% 84%;
}
Geçiş
.gradient-f2e4b8 {
  background: linear-gradient(135deg, #f2e4b8, #e3f2b8);
}
Renkli gölge
.shadow-f2e4b8 {
  box-shadow: 0 8px 24px rgb(242 228 184 / 0.35);
}

#faf0be Blond ΔE 3.19 #f3e5ab Vanilla ΔE 3.32 #f5deb3 Wheat ΔE 3.52 #ffe5b4 Peach ΔE 4.05 #ffe4b5 Moccasin ΔE 4.43 #eee8aa Pale Goldenrod ΔE 5.12 #fffacd Lemon Chiffon ΔE 5.37 #0d1b47 Ters renk #e4e4e4 Gri tonlama 

Blond
#f2e4b8  rgb(242, 228, 184)  hsl(46, 69%, 84%)  Blond
#b8c6f2  rgb(184, 198, 242)  hsl(226, 69%, 84%)  Periwinkle
#b8f2e4  rgb(184, 242, 228)  hsl(166, 69%, 84%)  Pale Turquoise
#e4b8f2  rgb(228, 184, 242)  hsl(286, 69%, 84%)  Mauve