ColorTool
Giriş yap
#CF5C3C

#cf5c3c ≈ Flame

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

#cf5c3c, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %81,18 kırmızı, %36,08 yeşil ve %23,53 maviden oluşur; CMYK baskıda %0 camgöbeği, %55,56 macenta, %71,01 sarı ve %18,82 siyah kullanır. Ton açısı 13,06°, HSL’de doygunluğu %60,49 ve açıklığı %52,35’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,25:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Flame (#e25822), ΔE 5,61.

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

Tamamlayıcı

  1. #cf5c3c
  2. #3cafcf

Bölünmüş tamamlayıcı

  1. #cf5c3c
  2. #3ccfa5
  3. #3c65cf

Komşu

  1. #cf3c65
  2. #cf5c3c
  3. #cfa53c

Üçlü

  1. #cf5c3c
  2. #3ccf5c
  3. #5c3ccf

Dörtlü

  1. #cf5c3c
  2. #afcf3c
  3. #3cafcf
  4. #5c3ccf

Kare

  1. #cf5c3c
  2. #65cf3c
  3. #3cafcf
  4. #a53ccf

Tek renkli

  1. #5b2617
  2. #993f26
  3. #cf5c3c
  4. #de8f79
  5. #edc3b7

Koyu tonlar

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

  1. #cf5c3c
  2. #ba5336
  3. #a64a30
  4. #91402a
  5. #7c3724
  6. #682e1e
  7. #532518
  8. #3e1c12
  9. #29120c
  10. #150906
  11. #000000

Açık tonlar

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

  1. #cf5c3c
  2. #d46c50
  3. #d97d63
  4. #dd8d77
  5. #e29d8a
  6. #e7ae9e
  7. #ecbeb1
  8. #f1cec5
  9. #f5ded8
  10. #faefec
  11. #ffffff

Tonlar

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

  1. #cf5c3c
  2. #c76043
  3. #bf634a
  4. #b76750
  5. #af6a57
  6. #a86e5e
  7. #a07265
  8. #98756c
  9. #907972
  10. #887c79
  11. #808080

Okunaklı metin 4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.25:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7f7f7f Erkeklerin ≈ 0.003% kadarı
Akromatomali #a5736a Erkeklerin ≈ 0.001% kadarı
Protanopi #7b6f38 Erkeklerin ≈ 1.01% kadarı
Döteranopi #978939 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e34455 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a3683a Erkeklerin ≈ 1.08% kadarı
Döteranomali #b0793a Erkeklerin ≈ 4.63% kadarı
Tritanomali #db4f4c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-cf5c3c {
  color: #cf5c3c;
}
Arka plan
.bg-cf5c3c {
  background-color: #cf5c3c;
  color: #000000;
}
Kenarlık
.border-cf5c3c {
  border: 2px solid #cf5c3c;
}
CSS değişkenleri
:root {
  --color-primary: #cf5c3c;
  --color-primary-rgb: 207 92 60;
  --color-primary-hsl: 13 60% 52%;
}
Geçiş
.gradient-cf5c3c {
  background: linear-gradient(135deg, #cf5c3c, #cfa53c);
}
Renkli gölge
.shadow-cf5c3c {
  box-shadow: 0 8px 24px rgb(207 92 60 / 0.35);
}

#e25822 Flame ΔE 5.61 #e34234 Cinnabar ΔE 6.12 #e34234 Vermilion ΔE 6.12 #e2725b Terra Cotta ΔE 7.63 #cb410b Sinopia ΔE 7.65 #e97451 Burnt Sienna ΔE 8.01 #e62020 Lust ΔE 8.86 #30a3c3 Ters renk #7f7f7f Gri tonlama 

Flame
#cf5c3c  rgb(207, 92, 60)  hsl(13, 60%, 52%)  Flame
#3cafcf  rgb(60, 175, 207)  hsl(193, 60%, 52%)  Moonstone Blue
#3ccf5c  rgb(60, 207, 92)  hsl(133, 60%, 52%)  Malachite
#5c3ccf  rgb(92, 60, 207)  hsl(253, 60%, 52%)  Ocean Blue