ColorTool
Giriş yap
#DF5A31

#df5a31 ≈ Flame

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

#df5a31, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %87,45 kırmızı, %35,29 yeşil ve %19,22 maviden oluşur; CMYK baskıda %0 camgöbeği, %59,64 macenta, %78,03 sarı ve %12,55 siyah kullanır. Ton açısı 14,14°, HSL’de doygunluğu %73,11 ve açıklığı %53,33’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 5,64:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Flame (#e25822), ΔE 2,59.

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

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

Tamamlayıcı

  1. #df5a31
  2. #31b6df

Bölünmüş tamamlayıcı

  1. #df5a31
  2. #31dfb1
  3. #315fdf

Komşu

  1. #df315f
  2. #df5a31
  3. #dfb131

Üçlü

  1. #df5a31
  2. #31df5a
  3. #5a31df

Dörtlü

  1. #df5a31
  2. #b6df31
  3. #31b6df
  4. #5a31df

Kare

  1. #df5a31
  2. #5fdf31
  3. #31b6df
  4. #b131df

Tek renkli

  1. #672410
  2. #a93c1a
  3. #df5a31
  4. #e98f73
  5. #f4c4b5

Koyu tonlar

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

  1. #df5a31
  2. #c9512c
  3. #b24827
  4. #9c3f22
  5. #86361d
  6. #702d19
  7. #592414
  8. #431b0f
  9. #2d120a
  10. #160905
  11. #000000

Açık tonlar

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

  1. #df5a31
  2. #e26b46
  3. #e57b5a
  4. #e98c6f
  5. #ec9c83
  6. #efad98
  7. #f2bdad
  8. #f5cec1
  9. #f9ded6
  10. #fcefea
  11. #ffffff

Tonlar

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

  1. #df5a31
  2. #d65e39
  3. #cc6241
  4. #c36549
  5. #b96951
  6. #b06d59
  7. #a67160
  8. #9d7568
  9. #937870
  10. #8a7c78
  11. #808080

Okunaklı metin 3.72:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.64:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #848484 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b0766d Erkeklerin ≈ 0.001% kadarı
Protanopi #7f722b Erkeklerin ≈ 1.01% kadarı
Döteranopi #a0902c Erkeklerin ≈ 1.27% kadarı
Tritanopi #f53a52 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ae692e Erkeklerin ≈ 1.08% kadarı
Döteranomali #bd7e2e Erkeklerin ≈ 4.63% kadarı
Tritanomali #ed4947 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-df5a31 {
  color: #df5a31;
}
Arka plan
.bg-df5a31 {
  background-color: #df5a31;
  color: #000000;
}
Kenarlık
.border-df5a31 {
  border: 2px solid #df5a31;
}
CSS değişkenleri
:root {
  --color-primary: #df5a31;
  --color-primary-rgb: 223 90 49;
  --color-primary-hsl: 14 73% 53%;
}
Geçiş
.gradient-df5a31 {
  background: linear-gradient(135deg, #df5a31, #dfb131);
}
Renkli gölge
.shadow-df5a31 {
  box-shadow: 0 8px 24px rgb(223 90 49 / 0.35);
}

#e25822 Flame ΔE 2.59 #f94d00 Tangelo ΔE 5.85 #ff4500 Orange Red ΔE 6.14 #ff3800 Coquelicot ΔE 6.20 #ec5800 Persimmon ΔE 6.30 #ff4f00 International Orange ΔE 6.63 #e97451 Burnt Sienna ΔE 6.72 #20a5ce Ters renk #848484 Gri tonlama 

Flame
#df5a31  rgb(223, 90, 49)  hsl(14, 73%, 53%)  Flame
#31b6df  rgb(49, 182, 223)  hsl(194, 73%, 53%)  Deep Sky Blue
#31df5a  rgb(49, 223, 90)  hsl(134, 73%, 53%)  Malachite
#5a31df  rgb(90, 49, 223)  hsl(254, 73%, 53%)  Han Purple