ColorTool
Giriş yap
#C22F00

#c22f00 ≈ Rust

  • kahverengi
  • Açıklık: düşük
  • Doygunluk: canlı
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#c22f00, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu canlı. RGB modelinde %76,08 kırmızı, %18,43 yeşil ve %0 maviden oluşur; CMYK baskıda %0 camgöbeği, %75,77 macenta, %100 sarı ve %23,92 siyah kullanır. Ton açısı 14,54°, HSL’de doygunluğu %100 ve açıklığı %38,04’dir. Sıcak bir renktir ve çoğunlukla güvenilirlik, sıcaklık ve doğallık ile ilişkilendirilir. Tasarımcılar onu genellikle kafeler ve kahve markaları, rustik ve doğal stiller ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde beyaz metin 5,67:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Rust (#b7410e), ΔE 3,52.

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

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

Tamamlayıcı

  1. #c22f00
  2. #0093c2

Bölünmüş tamamlayıcı

  1. #c22f00
  2. #00c290
  3. #0032c2

Komşu

  1. #c20032
  2. #c22f00
  3. #c29000

Üçlü

  1. #c22f00
  2. #00c22f
  3. #2f00c2

Dörtlü

  1. #c22f00
  2. #93c200
  3. #0093c2
  4. #2f00c2

Kare

  1. #c22f00
  2. #32c200
  3. #0093c2
  4. #9000c2

Tek renkli

  1. #290a00
  2. #761c00
  3. #c22f00
  4. #ff4a10
  5. #ff845c

Koyu tonlar

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

  1. #c22f00
  2. #af2a00
  3. #9b2600
  4. #882100
  5. #741c00
  6. #611800
  7. #4e1300
  8. #3a0e00
  9. #270900
  10. #130500
  11. #000000

Açık tonlar

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

  1. #c22f00
  2. #c8441a
  3. #ce5933
  4. #d46d4d
  5. #da8266
  6. #e19780
  7. #e7ac99
  8. #edc1b3
  9. #f3d5cc
  10. #f9eae6
  11. #ffffff

Tonlar

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

  1. #c22f00
  2. #bb370d
  3. #b53f1a
  4. #ae4726
  5. #a84f33
  6. #a15840
  7. #9a604d
  8. #94685a
  9. #8d7066
  10. #877873
  11. #808080

Okunaklı metin 5.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.7:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #676767 Erkeklerin ≈ 0.003% kadarı
Akromatomali #945650 Erkeklerin ≈ 0.001% kadarı
Protanopi #5e5200 Erkeklerin ≈ 1.01% kadarı
Döteranopi #827300 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d60029 Erkeklerin ≈ 0.0001% kadarı
Protanomali #914600 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a05f00 Erkeklerin ≈ 4.63% kadarı
Tritanomali #cf061e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#b7410e Rust ΔE 3.52 #c04000 Mahogany ΔE 3.79 #cb410b Sinopia ΔE 4.22 #d40000 Rosso Corsa ΔE 4.56 #c80815 Venetian Red ΔE 6.68 #a81c07 Rufous ΔE 7.15 #cf1020 Lava ΔE 8.20 #3dd0ff Ters renk #676767 Gri tonlama 

Rust
#c22f00  rgb(194, 47, 0)  hsl(15, 100%, 38%)  Rust
#0093c2  rgb(0, 147, 194)  hsl(195, 100%, 38%)  Bondi Blue
#00c22f  rgb(0, 194, 47)  hsl(135, 100%, 38%)  Lime Green
#2f00c2  rgb(47, 0, 194)  hsl(255, 100%, 38%)  Medium Blue