ColorTool
Giriş yap
#E69F63

#e69f63 ≈ Sandy Brown

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

#e69f63, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %90,2 kırmızı, %62,35 yeşil ve %38,82 maviden oluşur; CMYK baskıda %0 camgöbeği, %30,87 macenta, %56,96 sarı ve %9,8 siyah kullanır. Ton açısı 27,48°, 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,5:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Sandy Brown (#f4a460), ΔE 2,75.

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

Tamamlayıcı

  1. #e69f63
  2. #63aae6

Bölünmüş tamamlayıcı

  1. #e69f63
  2. #63e6e1
  3. #6368e6

Komşu

  1. #e66368
  2. #e69f63
  3. #e6e163

Üçlü

  1. #e69f63
  2. #63e69f
  3. #9f63e6

Dörtlü

  1. #e69f63
  2. #aae663
  3. #63aae6
  4. #9f63e6

Kare

  1. #e69f63
  2. #68e663
  3. #63aae6
  4. #e163e6

Tek renkli

  1. #985318
  2. #da7723
  3. #e69f63
  4. #f1c8a5
  5. #fbf0e7

Koyu tonlar

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

  1. #e69f63
  2. #cf8f59
  3. #b87f4f
  4. #a16f45
  5. #8a5f3b
  6. #735032
  7. #5c4028
  8. #45301e
  9. #2e2014
  10. #17100a
  11. #000000

Açık tonlar

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

  1. #e69f63
  2. #e9a973
  3. #ebb282
  4. #eebc92
  5. #f0c5a1
  6. #f3cfb1
  7. #f5d9c1
  8. #f8e2d0
  9. #faece0
  10. #fdf5ef
  11. #ffffff

Tonlar

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

  1. #e69f63
  2. #dc9c66
  3. #d29969
  4. #c7966c
  5. #bd936f
  6. #b39072
  7. #a98c74
  8. #9f8977
  9. #94867a
  10. #8a837d
  11. #808080

Okunaklı metin 2.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aeaeae Erkeklerin ≈ 0.003% kadarı
Akromatomali #c7a896 Erkeklerin ≈ 0.001% kadarı
Protanopi #b5a55e Erkeklerin ≈ 1.01% kadarı
Döteranopi #c5b564 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f99091 Erkeklerin ≈ 0.0001% kadarı
Protanomali #caa360 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d3ac63 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f19681 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f4a460 Sandy Brown ΔE 2.75 #e5aa70 Fawn ΔE 3.63 #d99058 Persian Orange ΔE 4.32 #ffa343 Neon Carrot ΔE 6.63 #d68a59 Raw Sienna ΔE 6.63 #e3a857 Indian Yellow ΔE 6.77 #deaa88 Tumbleweed ΔE 7.04 #19609c Ters renk #aeaeae Gri tonlama 

Sandy Brown
#e69f63  rgb(230, 159, 99)  hsl(27, 72%, 65%)  Sandy Brown
#63aae6  rgb(99, 170, 230)  hsl(207, 72%, 65%)  Iceberg
#63e69f  rgb(99, 230, 159)  hsl(147, 72%, 65%)  Medium Spring Green
#9f63e6  rgb(159, 99, 230)  hsl(267, 72%, 65%)  Amethyst