ColorTool
Giriş yap
#552B0A

#552b0a ≈ Sepia

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

#552b0a, “kahverengi” ailesinden bir renktir; açıklığı çok düşük, doygunluğu orta. RGB modelinde %33,33 kırmızı, %16,86 yeşil ve %3,92 maviden oluşur; CMYK baskıda %0 camgöbeği, %49,41 macenta, %88,24 sarı ve %66,67 siyah kullanır. Ton açısı 26,4°, HSL’de doygunluğu %78,95 ve açıklığı %18,63’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 12,1:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Sepia (#704214), ΔE 8,36.

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.0368

Tamamlayıcı

  1. #552b0a
  2. #0a3455

Bölünmüş tamamlayıcı

  1. #552b0a
  2. #0a5551
  3. #0a0f55

Komşu

  1. #550a0f
  2. #552b0a
  3. #55510a

Üçlü

  1. #552b0a
  2. #0a552b
  3. #2b0a55

Dörtlü

  1. #552b0a
  2. #34550a
  3. #0a3455
  4. #2b0a55

Kare

  1. #552b0a
  2. #0f550a
  3. #0a3455
  4. #510a55

Tek renkli

  1. #120902
  2. #120902
  3. #552b0a
  4. #994e12
  5. #de701a

Koyu tonlar

#552b0a kademeli olarak siyahla karıştırıldı.

  1. #552b0a
  2. #4d2709
  3. #442208
  4. #3c1e07
  5. #331a06
  6. #2b1605
  7. #221104
  8. #1a0d03
  9. #110902
  10. #090401
  11. #000000

Açık tonlar

#552b0a kademeli olarak beyazla karıştırıldı.

  1. #552b0a
  2. #664023
  3. #77553b
  4. #886b54
  5. #99806c
  6. #aa9585
  7. #bbaa9d
  8. #ccbfb6
  9. #ddd5ce
  10. #eeeae7
  11. #ffffff

Tonlar

#552b0a kademeli olarak griyle karıştırıldı.

  1. #552b0a
  2. #593416
  3. #5e3c22
  4. #62452d
  5. #664d39
  6. #6b5645
  7. #6f5e51
  8. #73675d
  9. #776f68
  10. #7c7874
  11. #808080

Okunaklı metin 12.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 1.74:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #363636 Erkeklerin ≈ 0.003% kadarı
Akromatomali #44322a Erkeklerin ≈ 0.001% kadarı
Protanopi #373006 Erkeklerin ≈ 1.01% kadarı
Döteranopi #413a0a Erkeklerin ≈ 1.27% kadarı
Tritanopi #5e2224 Erkeklerin ≈ 0.0001% kadarı
Protanomali #452e07 Erkeklerin ≈ 1.08% kadarı
Döteranomali #4a340a Erkeklerin ≈ 4.63% kadarı
Tritanomali #5a261d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-552b0a {
  color: #552b0a;
}
Arka plan
.bg-552b0a {
  background-color: #552b0a;
  color: #ffffff;
}
Kenarlık
.border-552b0a {
  border: 2px solid #552b0a;
}
CSS değişkenleri
:root {
  --color-primary: #552b0a;
  --color-primary-rgb: 85 43 10;
  --color-primary-hsl: 26 79% 19%;
}
Geçiş
.gradient-552b0a {
  background: linear-gradient(135deg, #552b0a, #55510a);
}
Renkli gölge
.shadow-552b0a {
  box-shadow: 0 8px 24px rgb(85 43 10 / 0.35);
}

#704214 Sepia ΔE 8.36 #592720 Caput Mortuum ΔE 10.20 #3d2b1f Bistre ΔE 10.39 #80461b Russet ΔE 10.84 #6f4e37 Coffee ΔE 11.55 #8b4513 Saddle Brown ΔE 12.87 #882d17 Kobe ΔE 12.93 #aad4f5 Ters renk #363636 Gri tonlama 

Sepia
#552b0a  rgb(85, 43, 10)  hsl(26, 79%, 19%)  Sepia
#0a3455  rgb(10, 52, 85)  hsl(206, 79%, 19%)  Prussian Blue
#0a552b  rgb(10, 85, 43)  hsl(146, 79%, 19%)  Hunter Green
#2b0a55  rgb(43, 10, 85)  hsl(266, 79%, 19%)  Persian Indigo