ColorTool
Giriş yap
#CC421C

#cc421c ≈ Sinopia

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

#cc421c, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %80 kırmızı, %25,88 yeşil ve %10,98 maviden oluşur; CMYK baskıda %0 camgöbeği, %67,65 macenta, %86,27 sarı ve %20 siyah kullanır. Ton açısı 12,95°, HSL’de doygunluğu %75,86 ve açıklığı %45,49’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 beyaz metin 4,81:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Sinopia (#cb410b), ΔE 2,48.

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

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

Tamamlayıcı

  1. #cc421c
  2. #1ca6cc

Bölünmüş tamamlayıcı

  1. #cc421c
  2. #1ccc9a
  3. #1c4ecc

Komşu

  1. #cc1c4e
  2. #cc421c
  3. #cc9a1c

Üçlü

  1. #cc421c
  2. #1ccc42
  3. #421ccc

Dörtlü

  1. #cc421c
  2. #a6cc1c
  3. #1ca6cc
  4. #421ccc

Kare

  1. #cc421c
  2. #4ecc1c
  3. #1ca6cc
  4. #9a1ccc

Tek renkli

  1. #45160a
  2. #892c13
  3. #cc421c
  4. #e76f4e
  5. #f0a691

Koyu tonlar

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

  1. #cc421c
  2. #b83b19
  3. #a33516
  4. #8f2e14
  5. #7a2811
  6. #66210e
  7. #521a0b
  8. #3d1408
  9. #290d06
  10. #140703
  11. #000000

Açık tonlar

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

  1. #cc421c
  2. #d15533
  3. #d66849
  4. #db7b60
  5. #e08e77
  6. #e6a18e
  7. #ebb3a4
  8. #f0c6bb
  9. #f5d9d2
  10. #faece8
  11. #ffffff

Tonlar

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

  1. #cc421c
  2. #c44826
  3. #bd4e30
  4. #b5553a
  5. #ae5b44
  6. #a6614e
  7. #9e6758
  8. #976d62
  9. #8f746c
  10. #887a76
  11. #808080

Okunaklı metin 4.81:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.36:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #727272 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9e625b Erkeklerin ≈ 0.001% kadarı
Protanopi #6b5e15 Erkeklerin ≈ 1.01% kadarı
Döteranopi #8d7d13 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e1103b Erkeklerin ≈ 0.0001% kadarı
Protanomali #9b5418 Erkeklerin ≈ 1.08% kadarı
Döteranomali #aa6b17 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d92c31 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-cc421c {
  color: #cc421c;
}
Arka plan
.bg-cc421c {
  background-color: #cc421c;
  color: #ffffff;
}
Kenarlık
.border-cc421c {
  border: 2px solid #cc421c;
}
CSS değişkenleri
:root {
  --color-primary: #cc421c;
  --color-primary-rgb: 204 66 28;
  --color-primary-hsl: 13 76% 45%;
}
Geçiş
.gradient-cc421c {
  background: linear-gradient(135deg, #cc421c, #cc9a1c);
}
Renkli gölge
.shadow-cc421c {
  box-shadow: 0 8px 24px rgb(204 66 28 / 0.35);
}

#cb410b Sinopia ΔE 2.48 #c04000 Mahogany ΔE 4.71 #b7410e Rust ΔE 5.13 #d40000 Rosso Corsa ΔE 5.97 #e62020 Lust ΔE 6.55 #e34234 Cinnabar ΔE 7.05 #e34234 Vermilion ΔE 7.05 #33bde3 Ters renk #727272 Gri tonlama 

Sinopia
#cc421c  rgb(204, 66, 28)  hsl(13, 76%, 45%)  Sinopia
#1ca6cc  rgb(28, 166, 204)  hsl(193, 76%, 45%)  Bondi Blue
#1ccc42  rgb(28, 204, 66)  hsl(133, 76%, 45%)  Lime Green
#421ccc  rgb(66, 28, 204)  hsl(253, 76%, 45%)  Medium Blue