ColorTool
Masuk
#563F44

#563f44 ≈ Eggplant

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

#563f44 adalah warna dari keluarga “merah”, dengan kecerahan rendah dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 33,73% merah, 24,71% hijau, dan 26,67% biru; saat dicetak CMYK memakai 0% sian, 26,74% magenta, 20,93% kuning, dan 66,27% hitam. Sudut ronanya 346,96°, dengan saturasi 15,44% dan kecerahan 29,22% dalam HSL. Ini warna hangat yang sering dikaitkan dengan energi, gairah, dan urgensi. Desainer biasanya memakainya untuk merek makanan dan restoran, diskon dan promosi, dan identitas korporat. Teks putih di atas warna ini mencapai rasio kontras 9,59:1 (WCAG AAA). Warna bernama terdekat adalah Eggplant (#614051), ΔE 6,1.

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

Komplementer

  1. #563f44
  2. #3f5651

Komplementer terbelah

  1. #563f44
  2. #3f5646
  3. #3f5056

Analog

  1. #563f50
  2. #563f44
  3. #56463f

Triadik

  1. #563f44
  2. #44563f
  3. #3f4456

Tetradik

  1. #563f44
  2. #56513f
  3. #3f5651
  4. #3f4456

Persegi

  1. #563f44
  2. #50563f
  3. #3f5651
  4. #463f56

Monokromatik

  1. #0c0909
  2. #2a1f21
  3. #563f44
  4. #825f67
  5. #a7878e

Bayangan

#563f44 dicampur bertahap dengan hitam.

  1. #563f44
  2. #4d393d
  3. #453236
  4. #3c2c30
  5. #342629
  6. #2b2022
  7. #22191b
  8. #1a1314
  9. #110d0e
  10. #090607
  11. #000000

Tint

#563f44 dicampur bertahap dengan putih.

  1. #563f44
  2. #675257
  3. #786569
  4. #89797c
  5. #9a8c8f
  6. #ab9fa2
  7. #bbb2b4
  8. #ccc5c7
  9. #ddd9da
  10. #eeecec
  11. #ffffff

Nada

#563f44 dicampur bertahap dengan abu-abu.

  1. #563f44
  2. #5a464a
  3. #5e4c50
  4. #635356
  5. #67595c
  6. #6b6062
  7. #6f6668
  8. #736d6e
  9. #787374
  10. #7c7a7a
  11. #808080

Teks mudah dibaca 9.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Teks mudah dibaca 2.19:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsia #454545 ≈ 0.003% pria
Akromatomali #4c4345 ≈ 0.001% pria
Protanopia #424344 ≈ 1.01% pria
Deuteranopia #474744 ≈ 1.27% pria
Tritanopia #5a3e41 ≈ 0.0001% pria
Protanomali #4b4144 ≈ 1.08% pria
Deuteranomali #4e4444 ≈ 4.63% pria
Tritanomali #593e42 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

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

#614051 Eggplant ΔE 6.10 #674c47 Liver ΔE 6.87 #645452 Wenge ΔE 8.22 #635147 Umber ΔE 10.36 #7c4848 Tuscan Red ΔE 10.85 #483c32 Taupe ΔE 11.04 #722f37 Wine ΔE 12.02 #a9c0bb Terbalik #454545 Skala abu-abu 

Eggplant
#563f44  rgb(86, 63, 68)  hsl(347, 15%, 29%)  Eggplant
#3f5651  rgb(63, 86, 81)  hsl(167, 15%, 29%)  Dark Slate Gray
#44563f  rgb(68, 86, 63)  hsl(107, 15%, 29%)  Rifle Green
#3f4456  rgb(63, 68, 86)  hsl(227, 15%, 29%)  Charcoal