ColorTool
Giriş yap
#C65E2A

#c65e2a ≈ Burnt Orange

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

#c65e2a, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %77,65 kırmızı, %36,86 yeşil ve %16,47 maviden oluşur; CMYK baskıda %0 camgöbeği, %52,53 macenta, %78,79 sarı ve %22,35 siyah kullanır. Ton açısı 20°, HSL’de doygunluğu %65 ve açıklığı %47,06’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,04:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Burnt Orange (#cc5500), ΔE 4,13.

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

Tamamlayıcı

  1. #c65e2a
  2. #2a92c6

Bölünmüş tamamlayıcı

  1. #c65e2a
  2. #2ac6ac
  3. #2a44c6

Komşu

  1. #c62a44
  2. #c65e2a
  3. #c6ac2a

Üçlü

  1. #c65e2a
  2. #2ac65e
  3. #5e2ac6

Dörtlü

  1. #c65e2a
  2. #92c62a
  3. #2a92c6
  4. #5e2ac6

Kare

  1. #c65e2a
  2. #44c62a
  3. #2a92c6
  4. #ac2ac6

Tek renkli

  1. #48220f
  2. #87401d
  3. #c65e2a
  4. #dd895f
  5. #ebb89e

Koyu tonlar

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

  1. #c65e2a
  2. #b25526
  3. #9e4b22
  4. #8b421d
  5. #773819
  6. #632f15
  7. #4f2611
  8. #3b1c0d
  9. #281308
  10. #140904
  11. #000000

Açık tonlar

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

  1. #c65e2a
  2. #cc6e3f
  3. #d17e55
  4. #d78e6a
  5. #dd9e7f
  6. #e3af95
  7. #e8bfaa
  8. #eecfbf
  9. #f4dfd4
  10. #f9efea
  11. #ffffff

Tonlar

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

  1. #c65e2a
  2. #bf6133
  3. #b8653b
  4. #b16844
  5. #aa6c4c
  6. #a36f55
  7. #9c725e
  8. #957666
  9. #8e796f
  10. #877d77
  11. #808080

Okunaklı metin 4.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7c7c7c Erkeklerin ≈ 0.003% kadarı
Akromatomali #9f7165 Erkeklerin ≈ 0.001% kadarı
Protanopi #7b6e23 Erkeklerin ≈ 1.01% kadarı
Döteranopi #958527 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d94753 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9f6826 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ab7728 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d25146 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#cc5500 Burnt Orange ΔE 4.13 #e25822 Flame ΔE 5.54 #d2691e Chocolate ΔE 5.75 #cb410b Sinopia ΔE 6.66 #ec5800 Persimmon ΔE 7.45 #c04000 Mahogany ΔE 7.55 #b7410e Rust ΔE 8.38 #39a1d5 Ters renk #7c7c7c Gri tonlama 

Burnt Orange
#c65e2a  rgb(198, 94, 42)  hsl(20, 65%, 47%)  Burnt Orange
#2a92c6  rgb(42, 146, 198)  hsl(200, 65%, 47%)  Carolina Blue
#2ac65e  rgb(42, 198, 94)  hsl(140, 65%, 47%)  Emerald
#5e2ac6  rgb(94, 42, 198)  hsl(260, 65%, 47%)  Han Purple