ColorTool
Giriş yap
#F2EFEC

#f2efec ≈ Isabelline

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

#f2efec, “turuncu” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %94,9 kırmızı, %93,73 yeşil ve %92,55 maviden oluşur; CMYK baskıda %0 camgöbeği, %1,24 macenta, %2,48 sarı ve %5,1 siyah kullanır. Ton açısı 30°, 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,33:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Isabelline (#f4f0ec), ΔE 0,64.

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

Tamamlayıcı

  1. #f2efec
  2. #eceff2

Bölünmüş tamamlayıcı

  1. #f2efec
  2. #ecf2f2
  3. #ececf2

Komşu

  1. #f2ecec
  2. #f2efec
  3. #f2f2ec

Üçlü

  1. #f2efec
  2. #ecf2ef
  3. #efecf2

Dörtlü

  1. #f2efec
  2. #eff2ec
  3. #eceff2
  4. #efecf2

Kare

  1. #f2efec
  2. #ecf2ec
  3. #eceff2
  4. #f2ecf2

Tek renkli

  1. #b4a391
  2. #d3c9bf
  3. #f2efec
  4. #f7f5f3
  5. #f7f5f3

Koyu tonlar

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

  1. #f2efec
  2. #dad7d4
  3. #c2bfbd
  4. #a9a7a5
  5. #918f8e
  6. #797876
  7. #61605e
  8. #494847
  9. #30302f
  10. #181818
  11. #000000

Açık tonlar

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

  1. #f2efec
  2. #f3f1ee
  3. #f5f2f0
  4. #f6f4f2
  5. #f7f5f4
  6. #f9f7f6
  7. #faf9f7
  8. #fbfaf9
  9. #fcfcfb
  10. #fefdfd
  11. #ffffff

Tonlar

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

  1. #f2efec
  2. #e7e4e1
  3. #dbd9d6
  4. #d0cecc
  5. #c4c3c1
  6. #b9b8b6
  7. #aeacab
  8. #a2a1a0
  9. #979696
  10. #8b8b8b
  11. #808080

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

Akromatopsi #efefef Erkeklerin ≈ 0.003% kadarı
Akromatomali #f0efee Erkeklerin ≈ 0.001% kadarı
Protanopi #f0efec Erkeklerin ≈ 1.01% kadarı
Döteranopi #f1f0ec Erkeklerin ≈ 1.27% kadarı
Tritanopi #f3eeee Erkeklerin ≈ 0.0001% kadarı
Protanomali #f1efec Erkeklerin ≈ 1.08% kadarı
Döteranomali #f1efec Erkeklerin ≈ 4.63% kadarı
Tritanomali #f3efed Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f4f0ec Isabelline ΔE 0.64 #f5f5f5 White Smoke ΔE 2.19 #e5e4e2 Platinum ΔE 2.63 #fffafa Snow ΔE 3.17 #fff5ee Seashell ΔE 3.55 #ffffff White ΔE 3.67 #faf0e6 Linen ΔE 3.88 #0d1013 Ters renk #efefef Gri tonlama 

Isabelline
#f2efec  rgb(242, 239, 236)  hsl(30, 19%, 94%)  Isabelline
#eceff2  rgb(236, 239, 242)  hsl(210, 19%, 94%)  White Smoke
#ecf2ef  rgb(236, 242, 239)  hsl(150, 19%, 94%)  Mint Cream
#efecf2  rgb(239, 236, 242)  hsl(270, 19%, 94%)  Ghost White