ColorTool
Giriş yap
#F2DFD2

#f2dfd2 ≈ Antique White

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

#f2dfd2, “turuncu” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %94,9 kırmızı, %87,45 yeşil ve %82,35 maviden oluşur; CMYK baskıda %0 camgöbeği, %7,85 macenta, %13,22 sarı ve %5,1 siyah kullanır. Ton açısı 24,38°, HSL’de doygunluğu %55,17 ve açıklığı %88,63’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,26:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Antique White (#faebd7), ΔE 4,8.

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

Tamamlayıcı

  1. #f2dfd2
  2. #d2e5f2

Bölünmüş tamamlayıcı

  1. #f2dfd2
  2. #d2f2ef
  3. #d2d5f2

Komşu

  1. #f2d2d5
  2. #f2dfd2
  3. #f2efd2

Üçlü

  1. #f2dfd2
  2. #d2f2df
  3. #dfd2f2

Dörtlü

  1. #f2dfd2
  2. #e5f2d2
  3. #d2e5f2
  4. #dfd2f2

Kare

  1. #f2dfd2
  2. #d5f2d2
  3. #d2e5f2
  4. #efd2f2

Tek renkli

  1. #d08b5b
  2. #e1b597
  3. #f2dfd2
  4. #faf4ef
  5. #faf4ef

Koyu tonlar

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

  1. #f2dfd2
  2. #dac9bd
  3. #c2b2a8
  4. #a99c93
  5. #91867e
  6. #797069
  7. #615954
  8. #49433f
  9. #302d2a
  10. #181615
  11. #000000

Açık tonlar

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

  1. #f2dfd2
  2. #f3e2d7
  3. #f5e5db
  4. #f6e9e0
  5. #f7ece4
  6. #f9efe9
  7. #faf2ed
  8. #fbf5f2
  9. #fcf9f6
  10. #fefcfb
  11. #ffffff

Tonlar

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

  1. #f2dfd2
  2. #e7d6ca
  3. #dbccc2
  4. #d0c3b9
  5. #c4b9b1
  6. #b9b0a9
  7. #aea6a1
  8. #a29d99
  9. #979390
  10. #8b8a88
  11. #808080

Okunaklı metin 1.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e2e2e2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e9e1dc Erkeklerin ≈ 0.001% kadarı
Protanopi #e5e0d1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e9e4d2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f8dcdb Erkeklerin ≈ 0.0001% kadarı
Protanomali #eae0d2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ede2d2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f6ddd8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#faebd7 Antique White ΔE 4.80 #faf0e6 Linen ΔE 4.92 #ffddca Unbleached Silk ΔE 5.04 #fff5ee Seashell ΔE 5.81 #e3dac9 Bone ΔE 5.89 #f7e7ce Champagne ΔE 6.00 #ffe4e1 Misty Rose ΔE 6.59 #0d202d Ters renk #e2e2e2 Gri tonlama 

Antique White
#f2dfd2  rgb(242, 223, 210)  hsl(24, 55%, 89%)  Antique White
#d2e5f2  rgb(210, 229, 242)  hsl(204, 55%, 89%)  Pale Aqua
#d2f2df  rgb(210, 242, 223)  hsl(144, 55%, 89%)  Honeydew
#dfd2f2  rgb(223, 210, 242)  hsl(264, 55%, 89%)  Languid Lavender