ColorTool
Giriş yap
#C87101

#c87101 ≈ Ochre

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

#c87101, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu canlı. RGB modelinde %78,43 kırmızı, %44,31 yeşil ve %0,39 maviden oluşur; CMYK baskıda %0 camgöbeği, %43,5 macenta, %99,5 sarı ve %21,57 siyah kullanır. Ton açısı 33,77°, HSL’de doygunluğu %99 ve açıklığı %39,41’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 siyah metin 5,82:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Ochre (#cc7722), ΔE 2,68.

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

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

Tamamlayıcı

  1. #c87101
  2. #0158c8

Bölünmüş tamamlayıcı

  1. #c87101
  2. #01bbc8
  3. #0e01c8

Komşu

  1. #c80e01
  2. #c87101
  3. #bbc801

Üçlü

  1. #c87101
  2. #01c871
  3. #7101c8

Dörtlü

  1. #c87101
  2. #58c801
  3. #0158c8
  4. #7101c8

Kare

  1. #c87101
  2. #01c80e
  3. #0158c8
  4. #c801bb

Tek renkli

  1. #301b00
  2. #7c4601
  3. #c87101
  4. #fe9918
  5. #febb64

Koyu tonlar

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

  1. #c87101
  2. #b46601
  3. #a05a01
  4. #8c4f01
  5. #784401
  6. #643901
  7. #502d00
  8. #3c2200
  9. #281700
  10. #140b00
  11. #000000

Açık tonlar

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

  1. #c87101
  2. #ce7f1a
  3. #d38d34
  4. #d99c4d
  5. #deaa67
  6. #e4b880
  7. #e9c699
  8. #efd4b3
  9. #f4e3cc
  10. #faf1e6
  11. #ffffff

Tonlar

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

  1. #c87101
  2. #c1730e
  3. #ba741a
  4. #b27627
  5. #ab7734
  6. #a47941
  7. #9d7a4d
  8. #967c5a
  9. #8e7d67
  10. #877f73
  11. #808080

Okunaklı metin 3.61:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.82:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #878787 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a57f6a Erkeklerin ≈ 0.001% kadarı
Protanopi #8c7a00 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a18f02 Erkeklerin ≈ 1.27% kadarı
Tritanopi #dc5d60 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a77700 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b28402 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d4654b Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c87101 {
  color: #c87101;
}
Arka plan
.bg-c87101 {
  background-color: #c87101;
  color: #000000;
}
Kenarlık
.border-c87101 {
  border: 2px solid #c87101;
}
CSS değişkenleri
:root {
  --color-primary: #c87101;
  --color-primary-rgb: 200 113 1;
  --color-primary-hsl: 34 99% 39%;
}
Geçiş
.gradient-c87101 {
  background: linear-gradient(135deg, #c87101, #bbc801);
}
Renkli gölge
.shadow-c87101 {
  box-shadow: 0 8px 24px rgb(200 113 1 / 0.35);
}

#cc7722 Ochre ΔE 2.68 #cd7f32 Bronze ΔE 4.78 #b87333 Copper ΔE 5.41 #b06500 Ginger ΔE 6.15 #d2691e Chocolate ΔE 6.67 #cd853f Peru ΔE 6.71 #e48400 Fulvous ΔE 7.24 #378efe Ters renk #878787 Gri tonlama 

Ochre
#c87101  rgb(200, 113, 1)  hsl(34, 99%, 39%)  Ochre
#0158c8  rgb(1, 88, 200)  hsl(214, 99%, 39%)  Sapphire
#01c871  rgb(1, 200, 113)  hsl(154, 99%, 39%)  Emerald
#7101c8  rgb(113, 1, 200)  hsl(274, 99%, 39%)  Dark Violet