ColorTool
Giriş yap
#F2EEEC

#f2eeec ≈ Isabelline

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

#f2eeec, “turuncu” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %94,9 kırmızı, %93,33 yeşil ve %92,55 maviden oluşur; CMYK baskıda %0 camgöbeği, %1,65 macenta, %2,48 sarı ve %5,1 siyah kullanır. Ton açısı 20°, HSL’de doygunluğu %18,75 ve açıklığı %93,73’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve arka planlar ve geniş yüzeyler için kullanır. Bu renk üzerinde siyah metin 18,22:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Isabelline (#f4f0ec), ΔE 1,12.

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

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

Tamamlayıcı

  1. #f2eeec
  2. #ecf0f2

Bölünmüş tamamlayıcı

  1. #f2eeec
  2. #ecf2f1
  3. #ecedf2

Komşu

  1. #f2eced
  2. #f2eeec
  3. #f2f1ec

Üçlü

  1. #f2eeec
  2. #ecf2ee
  3. #eeecf2

Dörtlü

  1. #f2eeec
  2. #f0f2ec
  3. #ecf0f2
  4. #eeecf2

Kare

  1. #f2eeec
  2. #edf2ec
  3. #ecf0f2
  4. #f1ecf2

Tek renkli

  1. #b49d91
  2. #d3c5bf
  3. #f2eeec
  4. #f7f4f3
  5. #f7f4f3

Koyu tonlar

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

  1. #f2eeec
  2. #dad6d4
  3. #c2bebd
  4. #a9a7a5
  5. #918f8e
  6. #797776
  7. #615f5e
  8. #494747
  9. #30302f
  10. #181818
  11. #000000

Açık tonlar

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

  1. #f2eeec
  2. #f3f0ee
  3. #f5f1f0
  4. #f6f3f2
  5. #f7f5f4
  6. #f9f7f6
  7. #faf8f7
  8. #fbfaf9
  9. #fcfcfb
  10. #fefdfd
  11. #ffffff

Tonlar

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

  1. #f2eeec
  2. #e7e3e1
  3. #dbd8d6
  4. #d0cdcc
  5. #c4c2c1
  6. #b9b7b6
  7. #aeacab
  8. #a2a1a0
  9. #979696
  10. #8b8b8b
  11. #808080

Okunaklı metin 1.15:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 18.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #efefef Erkeklerin ≈ 0.003% kadarı
Akromatomali #f0eeee Erkeklerin ≈ 0.001% kadarı
Protanopi #efeeec Erkeklerin ≈ 1.01% kadarı
Döteranopi #f0efec Erkeklerin ≈ 1.27% kadarı
Tritanopi #f3eded Erkeklerin ≈ 0.0001% kadarı
Protanomali #f0eeec Erkeklerin ≈ 1.08% kadarı
Döteranomali #f1efec Erkeklerin ≈ 4.63% kadarı
Tritanomali #f3eeed Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f4f0ec Isabelline ΔE 1.12 #f5f5f5 White Smoke ΔE 2.37 #e5e4e2 Platinum ΔE 2.73 #fffafa Snow ΔE 2.83 #fff5ee Seashell ΔE 3.48 #ffffff White ΔE 3.86 #faf0e6 Linen ΔE 4.04 #0d1113 Ters renk #efefef Gri tonlama 

Isabelline
#f2eeec  rgb(242, 238, 236)  hsl(20, 19%, 94%)  Isabelline
#ecf0f2  rgb(236, 240, 242)  hsl(200, 19%, 94%)  White Smoke
#ecf2ee  rgb(236, 242, 238)  hsl(140, 19%, 94%)  Mint Cream
#eeecf2  rgb(238, 236, 242)  hsl(260, 19%, 94%)  Ghost White