ColorTool
Giriş yap
#E5BE72

#e5be72 ≈ Topaz

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

#e5be72, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %89,8 kırmızı, %74,51 yeşil ve %44,71 maviden oluşur; CMYK baskıda %0 camgöbeği, %17,03 macenta, %50,22 sarı ve %10,2 siyah kullanır. Ton açısı 39,65°, HSL’de doygunluğu %68,86 ve açıklığı %67,25’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,94:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Topaz (#ffc87c), ΔE 5,51.

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

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

Tamamlayıcı

  1. #e5be72
  2. #7299e5

Bölünmüş tamamlayıcı

  1. #e5be72
  2. #72d2e5
  3. #8472e5

Komşu

  1. #e58472
  2. #e5be72
  3. #d2e572

Üçlü

  1. #e5be72
  2. #72e5be
  3. #be72e5

Dörtlü

  1. #e5be72
  2. #99e572
  3. #7299e5
  4. #be72e5

Kare

  1. #e5be72
  2. #72e584
  3. #7299e5
  4. #e572d2

Tek renkli

  1. #a0741e
  2. #d9a031
  3. #e5be72
  4. #f1dcb3
  5. #fcf7ee

Koyu tonlar

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

  1. #e5be72
  2. #ceab67
  3. #b7985b
  4. #a08550
  5. #897244
  6. #735f39
  7. #5c4c2e
  8. #453922
  9. #2e2617
  10. #17130b
  11. #000000

Açık tonlar

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

  1. #e5be72
  2. #e8c580
  3. #eacb8e
  4. #edd29c
  5. #efd8aa
  6. #f2dfb9
  7. #f5e5c7
  8. #f7ecd5
  9. #faf2e3
  10. #fcf9f1
  11. #ffffff

Tonlar

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

  1. #e5be72
  2. #dbb873
  3. #d1b275
  4. #c7ab76
  5. #bda578
  6. #b39f79
  7. #a8997a
  8. #9e937c
  9. #948c7d
  10. #8a867f
  11. #808080

Okunaklı metin 1.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.94:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c3c3c3 Erkeklerin ≈ 0.003% kadarı
Akromatomali #d2c1a9 Erkeklerin ≈ 0.001% kadarı
Protanopi #cfbd6c Erkeklerin ≈ 1.01% kadarı
Döteranopi #d9c774 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f5b2ac Erkeklerin ≈ 0.0001% kadarı
Protanomali #d8be6e Erkeklerin ≈ 1.08% kadarı
Döteranomali #dec473 Erkeklerin ≈ 4.63% kadarı
Tritanomali #efb798 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e5be72 {
  color: #e5be72;
}
Arka plan
.bg-e5be72 {
  background-color: #e5be72;
  color: #000000;
}
Kenarlık
.border-e5be72 {
  border: 2px solid #e5be72;
}
CSS değişkenleri
:root {
  --color-primary: #e5be72;
  --color-primary-rgb: 229 190 114;
  --color-primary-hsl: 40 69% 67%;
}
Geçiş
.gradient-e5be72 {
  background: linear-gradient(135deg, #e5be72, #d2e572);
}
Renkli gölge
.shadow-e5be72 {
  box-shadow: 0 8px 24px rgb(229 190 114 / 0.35);
}

#ffc87c Topaz ΔE 5.51 #deb887 Burly Wood ΔE 6.06 #e5b73b Meat Brown ΔE 6.72 #e3a857 Indian Yellow ΔE 7.22 #d4af37 Metallic Gold ΔE 7.76 #d2b48c Tan ΔE 8.24 #c5b358 Vegas Gold ΔE 8.28 #1a418d Ters renk #c3c3c3 Gri tonlama 

Topaz
#e5be72  rgb(229, 190, 114)  hsl(40, 69%, 67%)  Topaz
#7299e5  rgb(114, 153, 229)  hsl(220, 69%, 67%)  Cornflower Blue
#72e5be  rgb(114, 229, 190)  hsl(160, 69%, 67%)  Aquamarine
#be72e5  rgb(190, 114, 229)  hsl(280, 69%, 67%)  Floral Lavender