ColorTool
Giriş yap
#C21022

#c21022 ≈ Firebrick

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

#c21022, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %76,08 kırmızı, %6,27 yeşil ve %13,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %91,75 macenta, %82,47 sarı ve %23,92 siyah kullanır. Ton açısı 353,93°, HSL’de doygunluğu %84,76 ve açıklığı %41,18’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde beyaz metin 6,19:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Firebrick (#b22222), ΔE 2,87.

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

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

Tamamlayıcı

  1. #c21022
  2. #10c2b0

Bölünmüş tamamlayıcı

  1. #c21022
  2. #10c257
  3. #107bc2

Komşu

  1. #c2107b
  2. #c21022
  3. #c25710

Üçlü

  1. #c21022
  2. #22c210
  3. #1022c2

Dörtlü

  1. #c21022
  2. #c2b010
  3. #10c2b0
  4. #1022c2

Kare

  1. #c21022
  2. #7bc210
  3. #10c2b0
  4. #5710c2

Tek renkli

  1. #350409
  2. #7b0a16
  3. #c21022
  4. #ee3144
  5. #f47784

Koyu tonlar

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

  1. #c21022
  2. #af0e1f
  3. #9b0d1b
  4. #880b18
  5. #740a14
  6. #610811
  7. #4e060e
  8. #3a050a
  9. #270307
  10. #130203
  11. #000000

Açık tonlar

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

  1. #c21022
  2. #c82838
  3. #ce404e
  4. #d45864
  5. #da707a
  6. #e18891
  7. #e79fa7
  8. #edb7bd
  9. #f3cfd3
  10. #f9e7e9
  11. #ffffff

Tonlar

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

  1. #c21022
  2. #bb1b2b
  3. #b52635
  4. #ae323e
  5. #a83d48
  6. #a14851
  7. #9a535a
  8. #945e64
  9. #8d6a6d
  10. #877577
  11. #808080

Okunaklı metin 6.19:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.39:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #616161 Erkeklerin ≈ 0.003% kadarı
Akromatomali #924d4f Erkeklerin ≈ 0.001% kadarı
Protanopi #524920 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7b6e18 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d6001b Erkeklerin ≈ 0.0001% kadarı
Protanomali #8d3a21 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9d571d Erkeklerin ≈ 4.63% kadarı
Tritanomali #ce001e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c21022 {
  color: #c21022;
}
Arka plan
.bg-c21022 {
  background-color: #c21022;
  color: #ffffff;
}
Kenarlık
.border-c21022 {
  border: 2px solid #c21022;
}
CSS değişkenleri
:root {
  --color-primary: #c21022;
  --color-primary-rgb: 194 16 34;
  --color-primary-hsl: 354 85% 41%;
}
Geçiş
.gradient-c21022 {
  background: linear-gradient(135deg, #c21022, #c25710);
}
Renkli gölge
.shadow-c21022 {
  box-shadow: 0 8px 24px rgb(194 16 34 / 0.35);
}

#b22222 Firebrick ΔE 2.87 #cf1020 Lava ΔE 2.93 #c80815 Venetian Red ΔE 3.15 #b31b1b Cornell Red ΔE 3.21 #ce2029 Fire Engine Red ΔE 3.25 #cc3333 Persian Red ΔE 4.94 #a52a2a Brown ΔE 5.42 #3defdd Ters renk #616161 Gri tonlama 

Firebrick
#c21022  rgb(194, 16, 34)  hsl(354, 85%, 41%)  Firebrick
#10c2b0  rgb(16, 194, 176)  hsl(174, 85%, 41%)  Tiffany Blue
#22c210  rgb(34, 194, 16)  hsl(114, 85%, 41%)  Kelly Green
#1022c2  rgb(16, 34, 194)  hsl(234, 85%, 41%)  Medium Blue