ColorTool
Giriş yap
#E69A63

#e69a63 ≈ Persian Orange

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

#e69a63, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %90,2 kırmızı, %60,39 yeşil ve %38,82 maviden oluşur; CMYK baskıda %0 camgöbeği, %33,04 macenta, %56,96 sarı ve %9,8 siyah kullanır. Ton açısı 25,19°, HSL’de doygunluğu %72,38 ve açıklığı %64,51’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 9,17:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Persian Orange (#d99058), ΔE 3,23.

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

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

Tamamlayıcı

  1. #e69a63
  2. #63afe6

Bölünmüş tamamlayıcı

  1. #e69a63
  2. #63e6dc
  3. #636de6

Komşu

  1. #e6636d
  2. #e69a63
  3. #e6dc63

Üçlü

  1. #e69a63
  2. #63e69a
  3. #9a63e6

Dörtlü

  1. #e69a63
  2. #afe663
  3. #63afe6
  4. #9a63e6

Kare

  1. #e69a63
  2. #6de663
  3. #63afe6
  4. #dc63e6

Tek renkli

  1. #984e18
  2. #da7023
  3. #e69a63
  4. #f1c5a5
  5. #fbefe7

Koyu tonlar

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

  1. #e69a63
  2. #cf8b59
  3. #b87b4f
  4. #a16c45
  5. #8a5c3b
  6. #734d32
  7. #5c3e28
  8. #452e1e
  9. #2e1f14
  10. #170f0a
  11. #000000

Açık tonlar

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

  1. #e69a63
  2. #e9a473
  3. #ebae82
  4. #eeb892
  5. #f0c2a1
  6. #f3cdb1
  7. #f5d7c1
  8. #f8e1d0
  9. #faebe0
  10. #fdf5ef
  11. #ffffff

Tonlar

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

  1. #e69a63
  2. #dc9766
  3. #d29569
  4. #c7926c
  5. #bd906f
  6. #b38d72
  7. #a98a74
  8. #9f8877
  9. #94857a
  10. #8a837d
  11. #808080

Okunaklı metin 2.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ababab Erkeklerin ≈ 0.003% kadarı
Akromatomali #c6a594 Erkeklerin ≈ 0.001% kadarı
Protanopi #b0a15e Erkeklerin ≈ 1.01% kadarı
Döteranopi #c2b263 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f98b8d Erkeklerin ≈ 0.0001% kadarı
Protanomali #c89e60 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d1a963 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f2917e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e69a63 {
  color: #e69a63;
}
Arka plan
.bg-e69a63 {
  background-color: #e69a63;
  color: #000000;
}
Kenarlık
.border-e69a63 {
  border: 2px solid #e69a63;
}
CSS değişkenleri
:root {
  --color-primary: #e69a63;
  --color-primary-rgb: 230 154 99;
  --color-primary-hsl: 25 72% 65%;
}
Geçiş
.gradient-e69a63 {
  background: linear-gradient(135deg, #e69a63, #e6dc63);
}
Renkli gölge
.shadow-e69a63 {
  box-shadow: 0 8px 24px rgb(230 154 99 / 0.35);
}

#d99058 Persian Orange ΔE 3.23 #f4a460 Sandy Brown ΔE 4.02 #d68a59 Raw Sienna ΔE 4.88 #e5aa70 Fawn ΔE 5.63 #deaa88 Tumbleweed ΔE 7.00 #ed872d Cadmium Orange ΔE 7.26 #cd853f Peru ΔE 7.77 #19659c Ters renk #ababab Gri tonlama 

Persian Orange
#e69a63  rgb(230, 154, 99)  hsl(25, 72%, 65%)  Persian Orange
#63afe6  rgb(99, 175, 230)  hsl(205, 72%, 65%)  Iceberg
#63e69a  rgb(99, 230, 154)  hsl(145, 72%, 65%)  Medium Spring Green
#9a63e6  rgb(154, 99, 230)  hsl(265, 72%, 65%)  Medium Purple