ColorTool
Giriş yap
#C45F45

#c45f45 ≈ Cinnabar

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

#c45f45, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %76,86 kırmızı, %37,25 yeşil ve %27,06 maviden oluşur; CMYK baskıda %0 camgöbeği, %51,53 macenta, %64,8 sarı ve %23,14 siyah kullanır. Ton açısı 12,28°, HSL’de doygunluğu %51,84 ve açıklığı %51,96’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,07:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Cinnabar (#e34234), ΔE 7,21.

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

Tamamlayıcı

  1. #c45f45
  2. #45aac4

Bölünmüş tamamlayıcı

  1. #c45f45
  2. #45c49e
  3. #456bc4

Komşu

  1. #c4456b
  2. #c45f45
  3. #c49e45

Üçlü

  1. #c45f45
  2. #45c45f
  3. #5f45c4

Dörtlü

  1. #c45f45
  2. #aac445
  3. #45aac4
  4. #5f45c4

Kare

  1. #c45f45
  2. #6bc445
  3. #45aac4
  4. #9e45c4

Tek renkli

  1. #55271b
  2. #8f412d
  3. #c45f45
  4. #d6917f
  5. #e9c3b9

Koyu tonlar

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

  1. #c45f45
  2. #b0563e
  3. #9d4c37
  4. #894330
  5. #763929
  6. #623023
  7. #4e261c
  8. #3b1d15
  9. #27130e
  10. #140a07
  11. #000000

Açık tonlar

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

  1. #c45f45
  2. #ca6f58
  3. #d07f6a
  4. #d68f7d
  5. #dc9f8f
  6. #e2afa2
  7. #e7bfb5
  8. #edcfc7
  9. #f3dfda
  10. #f9efec
  11. #ffffff

Tonlar

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

  1. #c45f45
  2. #bd624b
  3. #b66651
  4. #b06957
  5. #a96c5d
  6. #a27063
  7. #9b7368
  8. #94766e
  9. #8e7974
  10. #877d7a
  11. #808080

Okunaklı metin 4.14:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.07:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7d7d7d Erkeklerin ≈ 0.003% kadarı
Akromatomali #9e726b Erkeklerin ≈ 0.001% kadarı
Protanopi #796f42 Erkeklerin ≈ 1.01% kadarı
Döteranopi #928543 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d64c59 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9d6943 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a87844 Erkeklerin ≈ 4.63% kadarı
Tritanomali #cf5452 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#e34234 Cinnabar ΔE 7.21 #e34234 Vermilion ΔE 7.21 #e2725b Terra Cotta ΔE 8.09 #e25822 Flame ΔE 8.16 #cd5c5c Indian Red ΔE 8.40 #cb410b Sinopia ΔE 8.91 #a45a52 Redwood ΔE 9.21 #3ba0ba Ters renk #7d7d7d Gri tonlama 

Cinnabar
#c45f45  rgb(196, 95, 69)  hsl(12, 52%, 52%)  Cinnabar
#45aac4  rgb(69, 170, 196)  hsl(192, 52%, 52%)  Moonstone Blue
#45c45f  rgb(69, 196, 95)  hsl(132, 52%, 52%)  Emerald
#5f45c4  rgb(95, 69, 196)  hsl(252, 52%, 52%)  Ocean Blue