ColorTool
Masuk
#445A5D

#445a5d ≈ Dark Slate Gray

  • sian
  • Kecerahan: rendah
  • Saturasi: lembut
  • Sejuk
Periksa kontras Jelajahi di grafik Warna acak

#445a5d adalah warna dari keluarga “sian”, dengan kecerahan rendah dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 26,67% merah, 35,29% hijau, dan 36,47% biru; saat dicetak CMYK memakai 26,88% sian, 3,23% magenta, 0% kuning, dan 63,53% hitam. Sudut ronanya 187,2°, dengan saturasi 15,53% dan kecerahan 31,57% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan kesegaran, teknologi, dan kejelasan. Desainer biasanya memakainya untuk kesehatan dan kebugaran, produk teknologi, dan identitas korporat. Teks putih di atas warna ini mencapai rasio kontras 7,33:1 (WCAG AAA). Warna bernama terdekat adalah Dark Slate Gray (#2f4f4f), ΔE 5,9.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #445a5d
  2. #5d4744

Komplementer terbelah

  1. #445a5d
  2. #5d444e
  3. #5d5444

Analog

  1. #445d54
  2. #445a5d
  3. #444e5d

Triadik

  1. #445a5d
  2. #5d445a
  3. #5a5d44

Tetradik

  1. #445a5d
  2. #47445d
  3. #5d4744
  4. #5a5d44

Persegi

  1. #445a5d
  2. #54445d
  3. #5d4744
  4. #4e5d44

Monokromatik

  1. #090b0c
  2. #242f31
  3. #445a5d
  4. #648589
  5. #8ea9ac

Bayangan

#445a5d dicampur bertahap dengan hitam.

  1. #445a5d
  2. #3d5154
  3. #36484a
  4. #303f41
  5. #293638
  6. #222d2f
  7. #1b2425
  8. #141b1c
  9. #0e1213
  10. #070909
  11. #000000

Tint

#445a5d dicampur bertahap dengan putih.

  1. #445a5d
  2. #576b6d
  3. #697b7d
  4. #7c8c8e
  5. #8f9c9e
  6. #a2adae
  7. #b4bdbe
  8. #c7cece
  9. #dadedf
  10. #ecefef
  11. #ffffff

Nada

#445a5d dicampur bertahap dengan abu-abu.

  1. #445a5d
  2. #4a5e61
  3. #506264
  4. #566568
  5. #5c696b
  6. #626d6f
  7. #687172
  8. #6e7576
  9. #747879
  10. #7a7c7d
  11. #808080

Teks mudah dibaca 7.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Teks mudah dibaca 2.87:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsia #565656 ≈ 0.003% pria
Akromatomali #4f5859 ≈ 0.001% pria
Protanopia #56585d ≈ 1.01% pria
Deuteranopia #52555d ≈ 1.27% pria
Tritanopia #3c5c5b ≈ 0.0001% pria
Protanomali #50595d ≈ 1.08% pria
Deuteranomali #4d575d ≈ 4.63% pria
Tritanomali #3f5b5c ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-445a5d {
  color: #445a5d;
}
Latar
.bg-445a5d {
  background-color: #445a5d;
  color: #ffffff;
}
Garis tepi
.border-445a5d {
  border: 2px solid #445a5d;
}
Variabel CSS
:root {
  --color-primary: #445a5d;
  --color-primary-rgb: 68 90 93;
  --color-primary-hsl: 187 16% 32%;
}
Gradien
.gradient-445a5d {
  background: linear-gradient(135deg, #445a5d, #444e5d);
}
Bayangan berwarna
.shadow-445a5d {
  box-shadow: 0 8px 24px rgb(68 90 93 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 5.90 #2f4f4f Dark Slate Grey ΔE 5.90 #414a4c Outer Space ΔE 6.86 #4d5d53 Feldgrau ΔE 7.06 #36454f Charcoal ΔE 8.74 #555555 Davy's Gray ΔE 9.54 #004953 Midnight Green ΔE 10.30 #bba5a2 Terbalik #565656 Skala abu-abu 

Dark Slate Gray
#445a5d  rgb(68, 90, 93)  hsl(187, 16%, 32%)  Dark Slate Gray
#5d4744  rgb(93, 71, 68)  hsl(7, 16%, 32%)  Liver
#5d445a  rgb(93, 68, 90)  hsl(307, 16%, 32%)  Eggplant
#5a5d44  rgb(90, 93, 68)  hsl(67, 16%, 32%)  Rifle Green