ColorTool
Giriş yap
#DE8A4A

#de8a4a ≈ Persian Orange

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

#de8a4a, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %87,06 kırmızı, %54,12 yeşil ve %29,02 maviden oluşur; CMYK baskıda %0 camgöbeği, %37,84 macenta, %66,67 sarı ve %12,94 siyah kullanır. Ton açısı 25,95°, HSL’de doygunluğu %69,16 ve açıklığı %58,04’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 7,84:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Persian Orange (#d99058), ΔE 2,5.

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

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

Tamamlayıcı

  1. #de8a4a
  2. #4a9ede

Bölünmüş tamamlayıcı

  1. #de8a4a
  2. #4aded4
  3. #4a54de

Komşu

  1. #de4a54
  2. #de8a4a
  3. #ded44a

Üçlü

  1. #de8a4a
  2. #4ade8a
  3. #8a4ade

Dörtlü

  1. #de8a4a
  2. #9ede4a
  3. #4a9ede
  4. #8a4ade

Kare

  1. #de8a4a
  2. #54de4a
  3. #4a9ede
  4. #d44ade

Tek renkli

  1. #794116
  2. #ba6422
  3. #de8a4a
  4. #eab48b
  5. #f6decb

Koyu tonlar

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

  1. #de8a4a
  2. #c87c43
  3. #b26e3b
  4. #9b6134
  5. #85532c
  6. #6f4525
  7. #59371e
  8. #432916
  9. #2c1c0f
  10. #160e07
  11. #000000

Açık tonlar

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

  1. #de8a4a
  2. #e1965c
  3. #e5a16e
  4. #e8ad80
  5. #ebb992
  6. #efc5a5
  7. #f2d0b7
  8. #f5dcc9
  9. #f8e8db
  10. #fcf3ed
  11. #ffffff

Tonlar

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

  1. #de8a4a
  2. #d5894f
  3. #cb8855
  4. #c2875a
  5. #b88660
  6. #af8565
  7. #a6846a
  8. #9c8370
  9. #938275
  10. #89817b
  11. #808080

Okunaklı metin 2.68:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.84:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9e9e9e Erkeklerin ≈ 0.003% kadarı
Akromatomali #bb9684 Erkeklerin ≈ 0.001% kadarı
Protanopi #a39344 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b7a54a Erkeklerin ≈ 1.27% kadarı
Tritanopi #f2787c Erkeklerin ≈ 0.0001% kadarı
Protanomali #bd8f46 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c89b4a Erkeklerin ≈ 4.63% kadarı
Tritanomali #ea806b Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-de8a4a {
  color: #de8a4a;
}
Arka plan
.bg-de8a4a {
  background-color: #de8a4a;
  color: #000000;
}
Kenarlık
.border-de8a4a {
  border: 2px solid #de8a4a;
}
CSS değişkenleri
:root {
  --color-primary: #de8a4a;
  --color-primary-rgb: 222 138 74;
  --color-primary-hsl: 26 69% 58%;
}
Geçiş
.gradient-de8a4a {
  background: linear-gradient(135deg, #de8a4a, #ded44a);
}
Renkli gölge
.shadow-de8a4a {
  box-shadow: 0 8px 24px rgb(222 138 74 / 0.35);
}

#d99058 Persian Orange ΔE 2.50 #d68a59 Raw Sienna ΔE 3.33 #ed872d Cadmium Orange ΔE 4.38 #cd853f Peru ΔE 4.40 #cd7f32 Bronze ΔE 5.27 #cc7722 Ochre ΔE 6.95 #f4a460 Sandy Brown ΔE 7.17 #2175b5 Ters renk #9e9e9e Gri tonlama 

Persian Orange
#de8a4a  rgb(222, 138, 74)  hsl(26, 69%, 58%)  Persian Orange
#4a9ede  rgb(74, 158, 222)  hsl(206, 69%, 58%)  Carolina Blue
#4ade8a  rgb(74, 222, 138)  hsl(146, 69%, 58%)  Emerald
#8a4ade  rgb(138, 74, 222)  hsl(266, 69%, 58%)  Blue Violet