ColorTool
Giriş yap
#F2ECDB

#f2ecdb ≈ Eggshell

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

#f2ecdb, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %94,9 kırmızı, %92,55 yeşil ve %85,88 maviden oluşur; CMYK baskıda %0 camgöbeği, %2,48 macenta, %9,5 sarı ve %5,1 siyah kullanır. Ton açısı 44,35°, HSL’de doygunluğu %46,94 ve açıklığı %90,39’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,8:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Eggshell (#f0ead6), ΔE 1,26.

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

Tamamlayıcı

  1. #f2ecdb
  2. #dbe1f2

Bölünmüş tamamlayıcı

  1. #f2ecdb
  2. #dbecf2
  3. #e0dbf2

Komşu

  1. #f2e0db
  2. #f2ecdb
  3. #ecf2db

Üçlü

  1. #f2ecdb
  2. #dbf2ec
  3. #ecdbf2

Dörtlü

  1. #f2ecdb
  2. #e1f2db
  3. #dbe1f2
  4. #ecdbf2

Kare

  1. #f2ecdb
  2. #dbf2e0
  3. #dbe1f2
  4. #f2dbec

Tek renkli

  1. #c9b16b
  2. #decea3
  3. #f2ecdb
  4. #faf7f0
  5. #faf7f0

Koyu tonlar

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

  1. #f2ecdb
  2. #dad4c5
  3. #c2bdaf
  4. #a9a599
  5. #918e83
  6. #79766e
  7. #615e58
  8. #494742
  9. #302f2c
  10. #181816
  11. #000000

Açık tonlar

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

  1. #f2ecdb
  2. #f3eedf
  3. #f5f0e2
  4. #f6f2e6
  5. #f7f4e9
  6. #f9f6ed
  7. #faf7f1
  8. #fbf9f4
  9. #fcfbf8
  10. #fefdfb
  11. #ffffff

Tonlar

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

  1. #f2ecdb
  2. #e7e1d2
  3. #dbd6c9
  4. #d0ccc0
  5. #c4c1b7
  6. #b9b6ae
  7. #aeaba4
  8. #a2a09b
  9. #979692
  10. #8b8b89
  11. #808080

Okunaklı metin 1.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.8:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ececec Erkeklerin ≈ 0.003% kadarı
Akromatomali #eeece5 Erkeklerin ≈ 0.001% kadarı
Protanopi #f0ebda Erkeklerin ≈ 1.01% kadarı
Döteranopi #f2eddb Erkeklerin ≈ 1.27% kadarı
Tritanopi #f6e9e7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #f1ebda Erkeklerin ≈ 1.08% kadarı
Döteranomali #f2eddb Erkeklerin ≈ 4.63% kadarı
Tritanomali #f5eae2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f2ecdb {
  color: #f2ecdb;
}
Arka plan
.bg-f2ecdb {
  background-color: #f2ecdb;
  color: #000000;
}
Kenarlık
.border-f2ecdb {
  border: 2px solid #f2ecdb;
}
CSS değişkenleri
:root {
  --color-primary: #f2ecdb;
  --color-primary-rgb: 242 236 219;
  --color-primary-hsl: 44 47% 90%;
}
Geçiş
.gradient-f2ecdb {
  background: linear-gradient(135deg, #f2ecdb, #ecf2db);
}
Renkli gölge
.shadow-f2ecdb {
  box-shadow: 0 8px 24px rgb(242 236 219 / 0.35);
}

#f0ead6 Eggshell ΔE 1.26 #fdf5e6 Old Lace ΔE 2.49 #fff8e7 Cosmic Latte ΔE 2.58 #eae0c8 Pearl ΔE 3.73 #faebd7 Antique White ΔE 3.96 #e3dac9 Bone ΔE 4.10 #fffaf0 Floral White ΔE 4.13 #0d1324 Ters renk #ececec Gri tonlama 

Eggshell
#f2ecdb  rgb(242, 236, 219)  hsl(44, 47%, 90%)  Eggshell
#dbe1f2  rgb(219, 225, 242)  hsl(224, 47%, 90%)  Lavender
#dbf2ec  rgb(219, 242, 236)  hsl(164, 47%, 90%)  Light Cyan
#ecdbf2  rgb(236, 219, 242)  hsl(284, 47%, 90%)  Languid Lavender