ColorTool
Giriş yap
#DF7522

#df7522 ≈ Chocolate

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

#df7522, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %87,45 kırmızı, %45,88 yeşil ve %13,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %47,53 macenta, %84,75 sarı ve %12,55 siyah kullanır. Ton açısı 26,35°, HSL’de doygunluğu %74,7 ve açıklığı %50,39’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 6,71:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Chocolate (#d2691e), ΔE 4,22.

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

Tamamlayıcı

  1. #df7522
  2. #228cdf

Bölünmüş tamamlayıcı

  1. #df7522
  2. #22dfd3
  3. #222ddf

Komşu

  1. #df222d
  2. #df7522
  3. #dfd322

Üçlü

  1. #df7522
  2. #22df75
  3. #7522df

Dörtlü

  1. #df7522
  2. #8cdf22
  3. #228cdf
  4. #7522df

Kare

  1. #df7522
  2. #2ddf22
  3. #228cdf
  4. #d322df

Tek renkli

  1. #5b2f0d
  2. #9e5217
  3. #df7522
  4. #e99f65
  5. #f2c8a8

Koyu tonlar

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

  1. #df7522
  2. #c9691f
  3. #b25e1b
  4. #9c5218
  5. #864614
  6. #703b11
  7. #592f0e
  8. #43230a
  9. #2d1707
  10. #160c03
  11. #000000

Açık tonlar

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

  1. #df7522
  2. #e28338
  3. #e5914e
  4. #e99e64
  5. #ecac7a
  6. #efba91
  7. #f2c8a7
  8. #f5d6bd
  9. #f9e3d3
  10. #fcf1e9
  11. #ffffff

Tonlar

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

  1. #df7522
  2. #d6762b
  3. #cc7735
  4. #c3783e
  5. #b97948
  6. #b07b51
  7. #a67c5a
  8. #9d7d64
  9. #937e6d
  10. #8a7f77
  11. #808080

Okunaklı metin 3.13:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.71:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #919191 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b68775 Erkeklerin ≈ 0.001% kadarı
Protanopi #948311 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ad9b20 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f55d65 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b77d19 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c38d21 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ec6852 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-df7522 {
  color: #df7522;
}
Arka plan
.bg-df7522 {
  background-color: #df7522;
  color: #000000;
}
Kenarlık
.border-df7522 {
  border: 2px solid #df7522;
}
CSS değişkenleri
:root {
  --color-primary: #df7522;
  --color-primary-rgb: 223 117 34;
  --color-primary-hsl: 26 75% 50%;
}
Geçiş
.gradient-df7522 {
  background: linear-gradient(135deg, #df7522, #dfd322);
}
Renkli gölge
.shadow-df7522 {
  box-shadow: 0 8px 24px rgb(223 117 34 / 0.35);
}

#d2691e Chocolate ΔE 4.22 #cc7722 Ochre ΔE 4.75 #ed872d Cadmium Orange ΔE 5.39 #cd7f32 Bronze ΔE 5.59 #ff7518 Pumpkin ΔE 5.92 #cd853f Peru ΔE 6.82 #f28500 Tangerine ΔE 6.93 #208add Ters renk #919191 Gri tonlama 

Chocolate
#df7522  rgb(223, 117, 34)  hsl(26, 75%, 50%)  Chocolate
#228cdf  rgb(34, 140, 223)  hsl(206, 75%, 50%)  Bleu de France
#22df75  rgb(34, 223, 117)  hsl(146, 75%, 50%)  Malachite
#7522df  rgb(117, 34, 223)  hsl(266, 75%, 50%)  Electric Indigo