ColorTool
Giriş yap
#DF870F

#df870f ≈ Fulvous

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

#df870f, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %87,45 kırmızı, %52,94 yeşil ve %5,88 maviden oluşur; CMYK baskıda %0 camgöbeği, %39,46 macenta, %93,27 sarı ve %12,55 siyah kullanır. Ton açısı 34,62°, HSL’de doygunluğu %87,39 ve açıklığı %46,67’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 ve gıda markaları ve restoranlar için kullanır. Bu renk üzerinde siyah metin 7,61:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Fulvous (#e48400), ΔE 1,62.

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

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

Tamamlayıcı

  1. #df870f
  2. #0f67df

Bölünmüş tamamlayıcı

  1. #df870f
  2. #0fcfdf
  3. #1f0fdf

Komşu

  1. #df1f0f
  2. #df870f
  3. #cfdf0f

Üçlü

  1. #df870f
  2. #0fdf87
  3. #870fdf

Dörtlü

  1. #df870f
  2. #67df0f
  3. #0f67df
  4. #870fdf

Kare

  1. #df870f
  2. #0fdf1f
  3. #0f67df
  4. #df0fcf

Tek renkli

  1. #503005
  2. #975c0a
  3. #df870f
  4. #f3aa48
  5. #f7cc90

Koyu tonlar

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

  1. #df870f
  2. #c97a0e
  3. #b26c0c
  4. #9c5f0b
  5. #865109
  6. #704408
  7. #593606
  8. #432905
  9. #2d1b03
  10. #160e02
  11. #000000

Açık tonlar

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

  1. #df870f
  2. #e29327
  3. #e59f3f
  4. #e9ab57
  5. #ecb76f
  6. #efc387
  7. #f2cf9f
  8. #f5dbb7
  9. #f9e7cf
  10. #fcf3e7
  11. #ffffff

Tonlar

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

  1. #df870f
  2. #d6861a
  3. #cc8626
  4. #c38531
  5. #b9843c
  6. #b08448
  7. #a68353
  8. #9d825e
  9. #938169
  10. #8a8175
  11. #808080

Okunaklı metin 2.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.61:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9c9c9c Erkeklerin ≈ 0.003% kadarı
Akromatomali #ba947c Erkeklerin ≈ 0.001% kadarı
Protanopi #a38f00 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b8a413 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f47273 Erkeklerin ≈ 0.0001% kadarı
Protanomali #be8c00 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c99911 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ec7b5b Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#e48400 Fulvous ΔE 1.62 #ed9121 Carrot Orange ΔE 3.36 #f28500 Tangerine ΔE 4.36 #ed872d Cadmium Orange ΔE 5.47 #cd7f32 Bronze ΔE 5.67 #cd853f Peru ΔE 6.01 #ff8c00 Dark Orange ΔE 6.20 #2078f0 Ters renk #9c9c9c Gri tonlama 

Fulvous
#df870f  rgb(223, 135, 15)  hsl(35, 87%, 47%)  Fulvous
#0f67df  rgb(15, 103, 223)  hsl(215, 87%, 47%)  Royal Blue
#0fdf87  rgb(15, 223, 135)  hsl(155, 87%, 47%)  Medium Spring Green
#870fdf  rgb(135, 15, 223)  hsl(275, 87%, 47%)  Dark Violet