ColorTool
Masuk
#554B3F

#554b3f ≈ Taupe

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

#554b3f adalah warna dari keluarga “cokelat”, dengan kecerahan rendah dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 33,33% merah, 29,41% hijau, dan 24,71% biru; saat dicetak CMYK memakai 0% sian, 11,76% magenta, 25,88% kuning, dan 66,67% hitam. Sudut ronanya 32,73°, dengan saturasi 14,86% dan kecerahan 29,02% 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 identitas korporat. Teks putih di atas warna ini mencapai rasio kontras 8,52:1 (WCAG AAA). Warna bernama terdekat adalah Taupe (#483c32), ΔE 5,21.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #554b3f
  2. #3f4955

Komplementer terbelah

  1. #554b3f
  2. #3f5455
  3. #403f55

Analog

  1. #55403f
  2. #554b3f
  3. #54553f

Triadik

  1. #554b3f
  2. #3f554b
  3. #4b3f55

Tetradik

  1. #554b3f
  2. #49553f
  3. #3f4955
  4. #4b3f55

Persegi

  1. #554b3f
  2. #3f5540
  3. #3f4955
  4. #553f54

Monokromatik

  1. #0c0a09
  2. #29241e
  3. #554b3f
  4. #817260
  5. #a69887

Bayangan

#554b3f dicampur bertahap dengan hitam.

  1. #554b3f
  2. #4d4439
  3. #443c32
  4. #3c352c
  5. #332d26
  6. #2b2620
  7. #221e19
  8. #1a1713
  9. #110f0d
  10. #090806
  11. #000000

Tint

#554b3f dicampur bertahap dengan putih.

  1. #554b3f
  2. #665d52
  3. #776f65
  4. #888179
  5. #99938c
  6. #aaa59f
  7. #bbb7b2
  8. #ccc9c5
  9. #dddbd9
  10. #eeedec
  11. #ffffff

Nada

#554b3f dicampur bertahap dengan abu-abu.

  1. #554b3f
  2. #595046
  3. #5e564c
  4. #625b53
  5. #666059
  6. #6b6660
  7. #6f6b66
  8. #73706d
  9. #777573
  10. #7c7b7a
  11. #808080

Teks mudah dibaca 8.52:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Teks mudah dibaca 2.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsia #4c4c4c ≈ 0.003% pria
Akromatomali #504c47 ≈ 0.001% pria
Protanopia #4f4b3e ≈ 1.01% pria
Deuteranopia #514d3f ≈ 1.27% pria
Tritanopia #594848 ≈ 0.0001% pria
Protanomali #514b3f ≈ 1.08% pria
Deuteranomali #534c3f ≈ 4.63% pria
Tritanomali #574a44 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-554b3f {
  color: #554b3f;
}
Latar
.bg-554b3f {
  background-color: #554b3f;
  color: #ffffff;
}
Garis tepi
.border-554b3f {
  border: 2px solid #554b3f;
}
Variabel CSS
:root {
  --color-primary: #554b3f;
  --color-primary-rgb: 85 75 63;
  --color-primary-hsl: 33 15% 29%;
}
Gradien
.gradient-554b3f {
  background: linear-gradient(135deg, #554b3f, #54553f);
}
Bayangan berwarna
.shadow-554b3f {
  box-shadow: 0 8px 24px rgb(85 75 63 / 0.35);
}

#483c32 Taupe ΔE 5.21 #635147 Umber ΔE 5.53 #555555 Davy's Gray ΔE 8.16 #645452 Wenge ΔE 8.33 #3b3c36 Black Olive ΔE 8.72 #674c47 Liver ΔE 10.29 #6f4e37 Coffee ΔE 10.36 #aab4c0 Terbalik #4c4c4c Skala abu-abu 

Taupe
#554b3f  rgb(85, 75, 63)  hsl(33, 15%, 29%)  Taupe
#3f4955  rgb(63, 73, 85)  hsl(213, 15%, 29%)  Charcoal
#3f554b  rgb(63, 85, 75)  hsl(153, 15%, 29%)  Feldgrau
#4b3f55  rgb(75, 63, 85)  hsl(273, 15%, 29%)  Eggplant