ColorTool
Masuk
#3F575D

#3f575d ≈ Dark Slate Gray

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

#3f575d adalah warna dari keluarga “sian”, dengan kecerahan rendah dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 24,71% merah, 34,12% hijau, dan 36,47% biru; saat dicetak CMYK memakai 32,26% sian, 6,45% magenta, 0% kuning, dan 63,53% hitam. Sudut ronanya 192°, dengan saturasi 19,23% dan kecerahan 30,59% 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,68:1 (WCAG AAA). Warna bernama terdekat adalah Dark Slate Gray (#2f4f4f), ΔE 5,84.

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

Komplementer

  1. #3f575d
  2. #5d453f

Komplementer terbelah

  1. #3f575d
  2. #5d3f48
  3. #5d543f

Analog

  1. #3f5d54
  2. #3f575d
  3. #3f485d

Triadik

  1. #3f575d
  2. #5d3f57
  3. #575d3f

Tetradik

  1. #3f575d
  2. #453f5d
  3. #5d453f
  4. #575d3f

Persegi

  1. #3f575d
  2. #543f5d
  3. #5d453f
  4. #485d3f

Monokromatik

  1. #080b0c
  2. #202c2f
  3. #3f575d
  4. #5e828b
  5. #87a6ae

Bayangan

#3f575d dicampur bertahap dengan hitam.

  1. #3f575d
  2. #394e54
  3. #32464a
  4. #2c3d41
  5. #263438
  6. #202c2f
  7. #192325
  8. #131a1c
  9. #0d1113
  10. #060909
  11. #000000

Tint

#3f575d dicampur bertahap dengan putih.

  1. #3f575d
  2. #52686d
  3. #65797d
  4. #79898e
  5. #8c9a9e
  6. #9fabae
  7. #b2bcbe
  8. #c5cdce
  9. #d9dddf
  10. #eceeef
  11. #ffffff

Nada

#3f575d dicampur bertahap dengan abu-abu.

  1. #3f575d
  2. #465b61
  3. #4c5f64
  4. #536368
  5. #59676b
  6. #606c6f
  7. #667072
  8. #6d7476
  9. #737879
  10. #7a7c7d
  11. #808080

Teks mudah dibaca 7.68:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Teks mudah dibaca 2.73:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsia #535353 ≈ 0.003% pria
Akromatomali #4c5557 ≈ 0.001% pria
Protanopia #53555d ≈ 1.01% pria
Deuteranopia #4e515d ≈ 1.27% pria
Tritanopia #355959 ≈ 0.0001% pria
Protanomali #4b565d ≈ 1.08% pria
Deuteranomali #48545d ≈ 4.63% pria
Tritanomali #39585a ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-3f575d {
  color: #3f575d;
}
Latar
.bg-3f575d {
  background-color: #3f575d;
  color: #ffffff;
}
Garis tepi
.border-3f575d {
  border: 2px solid #3f575d;
}
Variabel CSS
:root {
  --color-primary: #3f575d;
  --color-primary-rgb: 63 87 93;
  --color-primary-hsl: 192 19% 31%;
}
Gradien
.gradient-3f575d {
  background: linear-gradient(135deg, #3f575d, #3f485d);
}
Bayangan berwarna
.shadow-3f575d {
  box-shadow: 0 8px 24px rgb(63 87 93 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 5.84 #2f4f4f Dark Slate Grey ΔE 5.84 #414a4c Outer Space ΔE 6.50 #36454f Charcoal ΔE 7.34 #4d5d53 Feldgrau ΔE 8.91 #004953 Midnight Green ΔE 9.21 #555555 Davy's Gray ΔE 9.98 #c0a8a2 Terbalik #535353 Skala abu-abu 

Dark Slate Gray
#3f575d  rgb(63, 87, 93)  hsl(192, 19%, 31%)  Dark Slate Gray
#5d453f  rgb(93, 69, 63)  hsl(12, 19%, 31%)  Liver
#5d3f57  rgb(93, 63, 87)  hsl(312, 19%, 31%)  Eggplant
#575d3f  rgb(87, 93, 63)  hsl(72, 19%, 31%)  Rifle Green