ColorTool
Giriş yap
#ECA889

#eca889 ≈ Tumbleweed

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

#eca889, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %92,55 kırmızı, %65,88 yeşil ve %53,73 maviden oluşur; CMYK baskıda %0 camgöbeği, %28,81 macenta, %41,95 sarı ve %7,45 siyah kullanır. Ton açısı 18,79°, HSL’de doygunluğu %72,26 ve açıklığı %73,14’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 10,53:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Tumbleweed (#deaa88), ΔE 4,41.

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

Tamamlayıcı

  1. #eca889
  2. #89cdec

Bölünmüş tamamlayıcı

  1. #eca889
  2. #89ecda
  3. #899cec

Komşu

  1. #ec899c
  2. #eca889
  3. #ecda89

Üçlü

  1. #eca889
  2. #89eca8
  3. #a889ec

Dörtlü

  1. #eca889
  2. #cdec89
  3. #89cdec
  4. #a889ec

Kare

  1. #eca889
  2. #9cec89
  3. #89cdec
  4. #da89ec

Tek renkli

  1. #bd501f
  2. #e17747
  3. #eca889
  4. #f7d9cb
  5. #fcf2ed

Koyu tonlar

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

  1. #eca889
  2. #d4977b
  3. #bd866e
  4. #a57660
  5. #8e6552
  6. #765445
  7. #5e4337
  8. #473229
  9. #2f221b
  10. #18110e
  11. #000000

Açık tonlar

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

  1. #eca889
  2. #eeb195
  3. #f0b9a1
  4. #f2c2ac
  5. #f4cbb8
  6. #f6d4c4
  7. #f7dcd0
  8. #f9e5dc
  9. #fbeee7
  10. #fdf6f3
  11. #ffffff

Tonlar

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

  1. #eca889
  2. #e1a488
  3. #d6a087
  4. #cc9c86
  5. #c19885
  6. #b69485
  7. #ab9084
  8. #a08c83
  9. #968882
  10. #8b8481
  11. #808080

Okunaklı metin 1.99:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b8b8b8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #cfb2a7 Erkeklerin ≈ 0.001% kadarı
Protanopi #baaf87 Erkeklerin ≈ 1.01% kadarı
Döteranopi #cabd89 Erkeklerin ≈ 1.27% kadarı
Tritanopi #fd9da0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d0ac88 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d8b589 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f6a197 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#deaa88 Tumbleweed ΔE 4.41 #ffa07a Light Salmon ΔE 4.92 #e9967a Dark Salmon ΔE 5.11 #ffa089 Vivid Tangerine ΔE 6.35 #ebc2af Zinnwaldite ΔE 8.36 #e5aa70 Fawn ΔE 9.12 #f4a460 Sandy Brown ΔE 9.34 #135776 Ters renk #b8b8b8 Gri tonlama 

Tumbleweed
#eca889  rgb(236, 168, 137)  hsl(19, 72%, 73%)  Tumbleweed
#89cdec  rgb(137, 205, 236)  hsl(199, 72%, 73%)  Baby Blue
#89eca8  rgb(137, 236, 168)  hsl(139, 72%, 73%)  Light Green
#a889ec  rgb(168, 137, 236)  hsl(259, 72%, 73%)  Floral Lavender