ColorTool
Giriş yap
#F2E2CD

#f2e2cd ≈ Champagne

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

#f2e2cd, “turuncu” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %94,9 kırmızı, %88,63 yeşil ve %80,39 maviden oluşur; CMYK baskıda %0 camgöbeği, %6,61 macenta, %15,29 sarı ve %5,1 siyah kullanır. Ton açısı 34,05°, HSL’de doygunluğu %58,73 ve açıklığı %87,65’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 16,54:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Champagne (#f7e7ce), ΔE 1,85.

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

Tamamlayıcı

  1. #f2e2cd
  2. #cdddf2

Bölünmüş tamamlayıcı

  1. #f2e2cd
  2. #cdf0f2
  3. #d0cdf2

Komşu

  1. #f2d0cd
  2. #f2e2cd
  3. #f0f2cd

Üçlü

  1. #f2e2cd
  2. #cdf2e2
  3. #e2cdf2

Dörtlü

  1. #f2e2cd
  2. #ddf2cd
  3. #cdddf2
  4. #e2cdf2

Kare

  1. #f2e2cd
  2. #cdf2d0
  3. #cdddf2
  4. #f2cdf0

Tek renkli

  1. #d29c54
  2. #e2bf90
  3. #f2e2cd
  4. #fbf6ef
  5. #fbf6ef

Koyu tonlar

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

  1. #f2e2cd
  2. #dacbb9
  3. #c2b5a4
  4. #a99e90
  5. #91887b
  6. #797167
  7. #615a52
  8. #49443e
  9. #302d29
  10. #181715
  11. #000000

Açık tonlar

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

  1. #f2e2cd
  2. #f3e5d2
  3. #f5e8d7
  4. #f6ebdc
  5. #f7eee1
  6. #f9f1e6
  7. #faf3eb
  8. #fbf6f0
  9. #fcf9f5
  10. #fefcfa
  11. #ffffff

Tonlar

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

  1. #f2e2cd
  2. #e7d8c5
  3. #dbcebe
  4. #d0c5b6
  5. #c4bbae
  6. #b9b1a7
  7. #aea79f
  8. #a29d97
  9. #97948f
  10. #8b8a88
  11. #808080

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

Akromatopsi #e4e4e4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #eae3db Erkeklerin ≈ 0.001% kadarı
Protanopi #e8e2cc Erkeklerin ≈ 1.01% kadarı
Döteranopi #ece6cd Erkeklerin ≈ 1.27% kadarı
Tritanopi #f9dedc Erkeklerin ≈ 0.0001% kadarı
Protanomali #ece2cc Erkeklerin ≈ 1.08% kadarı
Döteranomali #efe4cd Erkeklerin ≈ 4.63% kadarı
Tritanomali #f6dfd6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f2e2cd {
  color: #f2e2cd;
}
Arka plan
.bg-f2e2cd {
  background-color: #f2e2cd;
  color: #000000;
}
Kenarlık
.border-f2e2cd {
  border: 2px solid #f2e2cd;
}
CSS değişkenleri
:root {
  --color-primary: #f2e2cd;
  --color-primary-rgb: 242 226 205;
  --color-primary-hsl: 34 59% 88%;
}
Geçiş
.gradient-f2e2cd {
  background: linear-gradient(135deg, #f2e2cd, #f0f2cd);
}
Renkli gölge
.shadow-f2e2cd {
  box-shadow: 0 8px 24px rgb(242 226 205 / 0.35);
}

#f7e7ce Champagne ΔE 1.85 #faebd7 Antique White ΔE 1.97 #ffefd5 Papaya Whip ΔE 3.30 #eae0c8 Pearl ΔE 3.54 #ffebcd Blanched Almond ΔE 3.55 #e3dac9 Bone ΔE 3.62 #ffe4c4 Bisque ΔE 4.52 #0d1d32 Ters renk #e4e4e4 Gri tonlama 

Champagne
#f2e2cd  rgb(242, 226, 205)  hsl(34, 59%, 88%)  Champagne
#cdddf2  rgb(205, 221, 242)  hsl(214, 59%, 88%)  Pale Aqua
#cdf2e2  rgb(205, 242, 226)  hsl(154, 59%, 88%)  Honeydew
#e2cdf2  rgb(226, 205, 242)  hsl(274, 59%, 88%)  Thistle