ColorTool
Masuk
#552B0A

#552b0a ≈ Sepia

  • cokelat
  • Kecerahan: sangat rendah
  • Saturasi: sedang
  • Hangat
Periksa kontras Jelajahi di grafik Warna acak

#552b0a adalah warna dari keluarga “cokelat”, dengan kecerahan sangat rendah dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 33,33% merah, 16,86% hijau, dan 3,92% biru; saat dicetak CMYK memakai 0% sian, 49,41% magenta, 88,24% kuning, dan 66,67% hitam. Sudut ronanya 26,4°, dengan saturasi 78,95% dan kecerahan 18,63% dalam HSL. Ini warna hangat yang sering dikaitkan dengan keandalan, kehangatan, dan kesan membumi. Desainer biasanya memakainya untuk kafe dan merek kopi, gaya rustik dan alami, dan merek mewah. Teks putih di atas warna ini mencapai rasio kontras 12,1:1 (WCAG AAA). Warna bernama terdekat adalah Sepia (#704214), ΔE 8,36.

Deskripsi dibuat dari properti terukur warna ini.

HEX
RGB
RGB persen
CMY
CMYK
HSL
HSV / HSB
Aman web#663300
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Biner
Desimal
Luminansi relatif0.0368

Komplementer

  1. #552b0a
  2. #0a3455

Komplementer terbelah

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

Analog

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

Triadik

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

Tetradik

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

Persegi

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

Monokromatik

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

Bayangan

#552b0a dicampur bertahap dengan hitam.

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

Tint

#552b0a dicampur bertahap dengan putih.

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

Nada

#552b0a dicampur bertahap dengan abu-abu.

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

Teks mudah dibaca 12.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Teks mudah dibaca 1.74:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsia #363636 ≈ 0.003% pria
Akromatomali #44322a ≈ 0.001% pria
Protanopia #373006 ≈ 1.01% pria
Deuteranopia #413a0a ≈ 1.27% pria
Tritanopia #5e2224 ≈ 0.0001% pria
Protanomali #452e07 ≈ 1.08% pria
Deuteranomali #4a340a ≈ 4.63% pria
Tritanomali #5a261d ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-552b0a {
  color: #552b0a;
}
Latar
.bg-552b0a {
  background-color: #552b0a;
  color: #ffffff;
}
Garis tepi
.border-552b0a {
  border: 2px solid #552b0a;
}
Variabel CSS
:root {
  --color-primary: #552b0a;
  --color-primary-rgb: 85 43 10;
  --color-primary-hsl: 26 79% 19%;
}
Gradien
.gradient-552b0a {
  background: linear-gradient(135deg, #552b0a, #55510a);
}
Bayangan berwarna
.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 Terbalik #363636 Skala abu-abu 

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