ColorTool
Giriş yap
#ECB574

#ecb574 ≈ Fawn

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

#ecb574, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %92,55 kırmızı, %70,98 yeşil ve %45,49 maviden oluşur; CMYK baskıda %0 camgöbeği, %23,31 macenta, %50,85 sarı ve %7,45 siyah kullanır. Ton açısı 32,5°, HSL’de doygunluğu %75,95 ve açıklığı %69,02’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 11,43:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Fawn (#e5aa70), ΔE 3,51.

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

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

Tamamlayıcı

  1. #ecb574
  2. #74abec

Bölünmüş tamamlayıcı

  1. #ecb574
  2. #74e7ec
  3. #7974ec

Komşu

  1. #ec7974
  2. #ecb574
  3. #e7ec74

Üçlü

  1. #ecb574
  2. #74ecb5
  3. #b574ec

Dörtlü

  1. #ecb574
  2. #abec74
  3. #74abec
  4. #b574ec

Kare

  1. #ecb574
  2. #74ec79
  3. #74abec
  4. #ec74e7

Tek renkli

  1. #af6a18
  2. #e39131
  3. #ecb574
  4. #f5d9b7
  5. #fdf5ed

Koyu tonlar

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

  1. #ecb574
  2. #d4a368
  3. #bd915d
  4. #a57f51
  5. #8e6d46
  6. #765b3a
  7. #5e482e
  8. #473623
  9. #2f2417
  10. #18120c
  11. #000000

Açık tonlar

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

  1. #ecb574
  2. #eebc82
  3. #f0c490
  4. #f2cb9e
  5. #f4d3ac
  6. #f6daba
  7. #f7e1c7
  8. #f9e9d5
  9. #fbf0e3
  10. #fdf8f1
  11. #ffffff

Tonlar

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

  1. #ecb574
  2. #e1b075
  3. #d6aa76
  4. #cca578
  5. #c1a079
  6. #b69b7a
  7. #ab957b
  8. #a0907c
  9. #968b7e
  10. #8b857f
  11. #808080

Okunaklı metin 1.84:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.43:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bfbfbf Erkeklerin ≈ 0.003% kadarı
Akromatomali #d3bba6 Erkeklerin ≈ 0.001% kadarı
Protanopi #c8b86f Erkeklerin ≈ 1.01% kadarı
Döteranopi #d5c475 Erkeklerin ≈ 1.27% kadarı
Tritanopi #fda8a5 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d7b771 Erkeklerin ≈ 1.08% kadarı
Döteranomali #dfbe75 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f7ad94 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ecb574 {
  color: #ecb574;
}
Arka plan
.bg-ecb574 {
  background-color: #ecb574;
  color: #000000;
}
Kenarlık
.border-ecb574 {
  border: 2px solid #ecb574;
}
CSS değişkenleri
:root {
  --color-primary: #ecb574;
  --color-primary-rgb: 236 181 116;
  --color-primary-hsl: 33 76% 69%;
}
Geçiş
.gradient-ecb574 {
  background: linear-gradient(135deg, #ecb574, #e7ec74);
}
Renkli gölge
.shadow-ecb574 {
  box-shadow: 0 8px 24px rgb(236 181 116 / 0.35);
}

#e5aa70 Fawn ΔE 3.51 #e3a857 Indian Yellow ΔE 4.45 #deb887 Burly Wood ΔE 4.76 #ffc87c Topaz ΔE 5.14 #ffcc99 Peach Orange ΔE 6.38 #f4a460 Sandy Brown ΔE 6.68 #ffb347 Pastel Orange ΔE 6.95 #134a8b Ters renk #bfbfbf Gri tonlama 

Fawn
#ecb574  rgb(236, 181, 116)  hsl(33, 76%, 69%)  Fawn
#74abec  rgb(116, 171, 236)  hsl(213, 76%, 69%)  Iceberg
#74ecb5  rgb(116, 236, 181)  hsl(153, 76%, 69%)  Aquamarine
#b574ec  rgb(181, 116, 236)  hsl(273, 76%, 69%)  Floral Lavender