ColorTool
Giriş yap
#EAB1A1

#eab1a1 ≈ Melon

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

#eab1a1, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %91,76 kırmızı, %69,41 yeşil ve %63,14 maviden oluşur; CMYK baskıda %0 camgöbeği, %24,36 macenta, %31,2 sarı ve %8,24 siyah kullanır. Ton açısı 13,15°, HSL’de doygunluğu %63,48 ve açıklığı %77,45’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 11,3:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Melon (#fdbcb4), ΔE 5,1.

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

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

Tamamlayıcı

  1. #eab1a1
  2. #a1daea

Bölünmüş tamamlayıcı

  1. #eab1a1
  2. #a1ead5
  3. #a1b5ea

Komşu

  1. #eaa1b5
  2. #eab1a1
  3. #ead5a1

Üçlü

  1. #eab1a1
  2. #a1eab1
  3. #b1a1ea

Dörtlü

  1. #eab1a1
  2. #daeaa1
  3. #a1daea
  4. #b1a1ea

Kare

  1. #eab1a1
  2. #b5eaa1
  3. #a1daea
  4. #d5a1ea

Tek renkli

  1. #c64e2c
  2. #dc7d62
  3. #eab1a1
  4. #f8e5e0
  5. #fbf1ee

Koyu tonlar

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

  1. #eab1a1
  2. #d39f91
  3. #bb8e81
  4. #a47c71
  5. #8c6a61
  6. #755951
  7. #5e4740
  8. #463530
  9. #2f2320
  10. #171210
  11. #000000

Açık tonlar

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

  1. #eab1a1
  2. #ecb9aa
  3. #eec1b4
  4. #f0c8bd
  5. #f2d0c7
  6. #f5d8d0
  7. #f7e0d9
  8. #f9e8e3
  9. #fbefec
  10. #fdf7f6
  11. #ffffff

Tonlar

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

  1. #eab1a1
  2. #dfac9e
  3. #d5a79a
  4. #caa297
  5. #c09d94
  6. #b59991
  7. #aa948d
  8. #a08f8a
  9. #958a87
  10. #8b8583
  11. #808080

Okunaklı metin 1.86:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bebebe Erkeklerin ≈ 0.003% kadarı
Akromatomali #d1b9b3 Erkeklerin ≈ 0.001% kadarı
Protanopi #beb7a0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #cbc3a1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f8a9ad Erkeklerin ≈ 0.0001% kadarı
Protanomali #d1b5a0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d8bca1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f2aca8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-eab1a1 {
  color: #eab1a1;
}
Arka plan
.bg-eab1a1 {
  background-color: #eab1a1;
  color: #000000;
}
Kenarlık
.border-eab1a1 {
  border: 2px solid #eab1a1;
}
CSS değişkenleri
:root {
  --color-primary: #eab1a1;
  --color-primary-rgb: 234 177 161;
  --color-primary-hsl: 13 63% 77%;
}
Geçiş
.gradient-eab1a1 {
  background: linear-gradient(135deg, #eab1a1, #ead5a1);
}
Renkli gölge
.shadow-eab1a1 {
  box-shadow: 0 8px 24px rgb(234 177 161 / 0.35);
}

#fdbcb4 Melon ΔE 5.10 #ebc2af Zinnwaldite ΔE 5.83 #dea5a4 Pastel Pink ΔE 6.62 #ffa089 Vivid Tangerine ΔE 7.32 #f4c2c2 Baby Pink ΔE 7.61 #deaa88 Tumbleweed ΔE 7.64 #e9967a Dark Salmon ΔE 8.19 #154e5e Ters renk #bebebe Gri tonlama 

Melon
#eab1a1  rgb(234, 177, 161)  hsl(13, 63%, 77%)  Melon
#a1daea  rgb(161, 218, 234)  hsl(193, 63%, 77%)  Non-Photo Blue
#a1eab1  rgb(161, 234, 177)  hsl(133, 63%, 77%)  Celadon
#b1a1ea  rgb(177, 161, 234)  hsl(253, 63%, 77%)  Wisteria