ColorTool
Giriş yap
#563C19

#563c19 ≈ Sepia

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

#563c19, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %33,73 kırmızı, %23,53 yeşil ve %9,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %30,23 macenta, %70,93 sarı ve %66,27 siyah kullanır. Ton açısı 34,43°, HSL’de doygunluğu %54,95 ve açıklığı %21,76’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 lüks markalar için kullanır. Bu renk üzerinde beyaz metin 10,21:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Sepia (#704214), ΔE 7,35.

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

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

Tamamlayıcı

  1. #563c19
  2. #193356

Bölünmüş tamamlayıcı

  1. #563c19
  2. #195156
  3. #1d1956

Komşu

  1. #561d19
  2. #563c19
  3. #515619

Üçlü

  1. #563c19
  2. #19563c
  3. #3c1956

Dörtlü

  1. #563c19
  2. #335619
  3. #193356
  4. #3c1956

Kare

  1. #563c19
  2. #19561d
  3. #193356
  4. #561951

Tek renkli

  1. #100b05
  2. #1b1308
  3. #563c19
  4. #91652a
  5. #c88e40

Koyu tonlar

#563c19 kademeli olarak siyahla karıştırıldı.

  1. #563c19
  2. #4d3617
  3. #453014
  4. #3c2a12
  5. #34240f
  6. #2b1e0d
  7. #22180a
  8. #1a1208
  9. #110c05
  10. #090603
  11. #000000

Açık tonlar

#563c19 kademeli olarak beyazla karıştırıldı.

  1. #563c19
  2. #675030
  3. #786347
  4. #89775e
  5. #9a8a75
  6. #ab9e8c
  7. #bbb1a3
  8. #ccc5ba
  9. #ddd8d1
  10. #eeece8
  11. #ffffff

Tonlar

#563c19 kademeli olarak griyle karıştırıldı.

  1. #563c19
  2. #5a4323
  3. #5e4a2e
  4. #635038
  5. #675742
  6. #6b5e4d
  7. #6f6557
  8. #736c61
  9. #78726b
  10. #7c7976
  11. #808080

Okunaklı metin 10.21:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.06:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #414141 Erkeklerin ≈ 0.003% kadarı
Akromatomali #4a3f35 Erkeklerin ≈ 0.001% kadarı
Protanopi #453d15 Erkeklerin ≈ 1.01% kadarı
Döteranopi #4b431a Erkeklerin ≈ 1.27% kadarı
Tritanopi #5e3534 Erkeklerin ≈ 0.0001% kadarı
Protanomali #4c3d17 Erkeklerin ≈ 1.08% kadarı
Döteranomali #50411a Erkeklerin ≈ 4.63% kadarı
Tritanomali #5b382c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-563c19 {
  color: #563c19;
}
Arka plan
.bg-563c19 {
  background-color: #563c19;
  color: #ffffff;
}
Kenarlık
.border-563c19 {
  border: 2px solid #563c19;
}
CSS değişkenleri
:root {
  --color-primary: #563c19;
  --color-primary-rgb: 86 60 25;
  --color-primary-hsl: 34 55% 22%;
}
Geçiş
.gradient-563c19 {
  background: linear-gradient(135deg, #563c19, #515619);
}
Renkli gölge
.shadow-563c19 {
  box-shadow: 0 8px 24px rgb(86 60 25 / 0.35);
}

#704214 Sepia ΔE 7.35 #6f4e37 Coffee ΔE 8.91 #6c541e Field Drab ΔE 9.37 #483c32 Taupe ΔE 10.15 #3d2b1f Bistre ΔE 10.31 #80461b Russet ΔE 11.27 #635147 Umber ΔE 12.03 #a9c3e6 Ters renk #414141 Gri tonlama 

Sepia
#563c19  rgb(86, 60, 25)  hsl(34, 55%, 22%)  Sepia
#193356  rgb(25, 51, 86)  hsl(214, 55%, 22%)  Prussian Blue
#19563c  rgb(25, 86, 60)  hsl(154, 55%, 22%)  Hunter Green
#3c1956  rgb(60, 25, 86)  hsl(274, 55%, 22%)  Persian Indigo