ColorTool
Giriş yap
#F8F2DE

#f8f2de ≈ Eggshell

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

#f8f2de, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %97,25 kırmızı, %94,9 yeşil ve %87,06 maviden oluşur; CMYK baskıda %0 camgöbeği, %2,42 macenta, %10,48 sarı ve %2,75 siyah kullanır. Ton açısı 46,15°, HSL’de doygunluğu %65 ve açıklığı %92,16’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 18,75:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Eggshell (#f0ead6), ΔE 1,69.

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

Tamamlayıcı

  1. #f8f2de
  2. #dee4f8

Bölünmüş tamamlayıcı

  1. #f8f2de
  2. #def1f8
  3. #e5def8

Komşu

  1. #f8e5de
  2. #f8f2de
  3. #f1f8de

Üçlü

  1. #f8f2de
  2. #def8f2
  3. #f2def8

Dörtlü

  1. #f8f2de
  2. #e4f8de
  3. #dee4f8
  4. #f2def8

Kare

  1. #f8f2de
  2. #def8e5
  3. #dee4f8
  4. #f8def1

Tek renkli

  1. #ddc060
  2. #ebd99f
  3. #f8f2de
  4. #fbf8ee
  5. #fbf8ee

Koyu tonlar

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

  1. #f8f2de
  2. #dfdac8
  3. #c6c2b2
  4. #aea99b
  5. #959185
  6. #7c796f
  7. #636159
  8. #4a4943
  9. #32302c
  10. #191816
  11. #000000

Açık tonlar

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

  1. #f8f2de
  2. #f9f3e1
  3. #f9f5e5
  4. #faf6e8
  5. #fbf7eb
  6. #fcf9ef
  7. #fcfaf2
  8. #fdfbf5
  9. #fefcf8
  10. #fefefc
  11. #ffffff

Tonlar

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

  1. #f8f2de
  2. #ece7d5
  3. #e0dbcb
  4. #d4d0c2
  5. #c8c4b8
  6. #bcb9af
  7. #b0aea6
  8. #a4a29c
  9. #989793
  10. #8c8b89
  11. #808080

Okunaklı metin 1.12:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 18.75:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f2f2f2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f4f2ea Erkeklerin ≈ 0.001% kadarı
Protanopi #f7f1dd Erkeklerin ≈ 1.01% kadarı
Döteranopi #f8f3df Erkeklerin ≈ 1.27% kadarı
Tritanopi #fdefec Erkeklerin ≈ 0.0001% kadarı
Protanomali #f7f1dd Erkeklerin ≈ 1.08% kadarı
Döteranomali #f8f2de Erkeklerin ≈ 4.63% kadarı
Tritanomali #fbf0e7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f0ead6 Eggshell ΔE 1.69 #fff8e7 Cosmic Latte ΔE 1.93 #fdf5e6 Old Lace ΔE 2.61 #fff8dc Cornsilk ΔE 2.91 #f5f5dc Beige ΔE 3.54 #fffff0 Ivory ΔE 3.87 #eae0c8 Pearl ΔE 4.26 #070d21 Ters renk #f2f2f2 Gri tonlama 

Eggshell
#f8f2de  rgb(248, 242, 222)  hsl(46, 65%, 92%)  Eggshell
#dee4f8  rgb(222, 228, 248)  hsl(226, 65%, 92%)  Lavender
#def8f2  rgb(222, 248, 242)  hsl(166, 65%, 92%)  Light Cyan
#f2def8  rgb(242, 222, 248)  hsl(286, 65%, 92%)  Languid Lavender