ColorTool
Giriş yap
#CC4D0A

#cc4d0a ≈ Burnt Orange

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

#cc4d0a, “kahverengi” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %80 kırmızı, %30,2 yeşil ve %3,92 maviden oluşur; CMYK baskıda %0 camgöbeği, %62,25 macenta, %95,1 sarı ve %20 siyah kullanır. Ton açısı 20,72°, HSL’de doygunluğu %90,65 ve açıklığı %41,96’dir. Sıcak bir renktir ve çoğunlukla güvenilirlik, sıcaklık ve doğallık ile ilişkilendirilir. Tasarımcılar onu genellikle kafeler ve kahve markaları, rustik ve doğal stiller ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 4,63:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Burnt Orange (#cc5500), ΔE 3,16.

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

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

Tamamlayıcı

  1. #cc4d0a
  2. #0a89cc

Bölünmüş tamamlayıcı

  1. #cc4d0a
  2. #0accae
  3. #0a28cc

Komşu

  1. #cc0a28
  2. #cc4d0a
  3. #ccae0a

Üçlü

  1. #cc4d0a
  2. #0acc4d
  3. #4d0acc

Dörtlü

  1. #cc4d0a
  2. #89cc0a
  3. #0a89cc
  4. #4d0acc

Kare

  1. #cc4d0a
  2. #28cc0a
  3. #0a89cc
  4. #ae0acc

Tek renkli

  1. #3a1603
  2. #833106
  3. #cc4d0a
  4. #f5722e
  5. #f8a377

Koyu tonlar

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

  1. #cc4d0a
  2. #b84509
  3. #a33e08
  4. #8f3607
  5. #7a2e06
  6. #662705
  7. #521f04
  8. #3d1703
  9. #290f02
  10. #140801
  11. #000000

Açık tonlar

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

  1. #cc4d0a
  2. #d15f23
  3. #d6713b
  4. #db8254
  5. #e0946c
  6. #e6a685
  7. #ebb89d
  8. #f0cab6
  9. #f5dbce
  10. #faede7
  11. #ffffff

Tonlar

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

  1. #cc4d0a
  2. #c45216
  3. #bd5722
  4. #b55c2d
  5. #ae6139
  6. #a66745
  7. #9e6c51
  8. #97715d
  9. #8f7668
  10. #887b74
  11. #808080

Okunaklı metin 4.53:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #767676 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a0685d Erkeklerin ≈ 0.001% kadarı
Protanopi #726400 Erkeklerin ≈ 1.01% kadarı
Döteranopi #918100 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e12942 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9e5c00 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ac7002 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d93a34 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-cc4d0a {
  color: #cc4d0a;
}
Arka plan
.bg-cc4d0a {
  background-color: #cc4d0a;
  color: #000000;
}
Kenarlık
.border-cc4d0a {
  border: 2px solid #cc4d0a;
}
CSS değişkenleri
:root {
  --color-primary: #cc4d0a;
  --color-primary-rgb: 204 77 10;
  --color-primary-hsl: 21 91% 42%;
}
Geçiş
.gradient-cc4d0a {
  background: linear-gradient(135deg, #cc4d0a, #ccae0a);
}
Renkli gölge
.shadow-cc4d0a {
  box-shadow: 0 8px 24px rgb(204 77 10 / 0.35);
}

#cc5500 Burnt Orange ΔE 3.16 #cb410b Sinopia ΔE 3.38 #c04000 Mahogany ΔE 4.27 #b7410e Rust ΔE 5.90 #e25822 Flame ΔE 5.97 #ec5800 Persimmon ΔE 7.40 #d2691e Chocolate ΔE 8.03 #33b2f5 Ters renk #767676 Gri tonlama 

Burnt Orange
#cc4d0a  rgb(204, 77, 10)  hsl(21, 91%, 42%)  Burnt Orange
#0a89cc  rgb(10, 137, 204)  hsl(201, 91%, 42%)  Steel Blue
#0acc4d  rgb(10, 204, 77)  hsl(141, 91%, 42%)  Malachite
#4d0acc  rgb(77, 10, 204)  hsl(261, 91%, 42%)  Medium Blue