ColorTool
Masuk
#64757B

#64757b ≈ Slate Gray

  • biru langit
  • Kecerahan: sedang
  • Saturasi: hampir nol
  • Netral
Periksa kontras Jelajahi di grafik Warna acak

#64757b adalah warna dari keluarga “biru langit”, dengan kecerahan sedang dan saturasi hampir nol. Dalam model RGB, warna ini terdiri dari 39,22% merah, 45,88% hijau, dan 48,24% biru; saat dicetak CMYK memakai 18,7% sian, 4,88% magenta, 0% kuning, dan 51,76% hitam. Sudut ronanya 195,65°, dengan saturasi 10,31% dan kecerahan 43,73% dalam HSL. Ini warna netral yang sering dikaitkan dengan keterbukaan, kebebasan, dan ketenangan. Desainer biasanya memakainya untuk produk teknologi, keuangan dan perbankan, dan aksen merek. Teks putih di atas warna ini mencapai rasio kontras 4,8:1 (WCAG AA). Warna bernama terdekat adalah Slate Gray (#708090), ΔE 7,08.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #64757b
  2. #7b6a64

Komplementer terbelah

  1. #64757b
  2. #7b646a
  3. #7b7664

Analog

  1. #647b76
  2. #64757b
  3. #646a7b

Triadik

  1. #64757b
  2. #7b6475
  3. #757b64

Tetradik

  1. #64757b
  2. #6a647b
  3. #7b6a64
  4. #757b64

Persegi

  1. #64757b
  2. #76647b
  3. #7b6a64
  4. #6a7b64

Monokromatik

  1. #1f2527
  2. #424d51
  3. #64757b
  4. #8b9ba1
  5. #b5bfc3

Bayangan

#64757b dicampur bertahap dengan hitam.

  1. #64757b
  2. #5a696f
  3. #505e62
  4. #465256
  5. #3c464a
  6. #323b3e
  7. #282f31
  8. #1e2325
  9. #141719
  10. #0a0c0c
  11. #000000

Tint

#64757b dicampur bertahap dengan putih.

  1. #64757b
  2. #748388
  3. #839195
  4. #939ea3
  5. #a2acb0
  6. #b2babd
  7. #c1c8ca
  8. #d1d6d7
  9. #e0e3e5
  10. #f0f1f2
  11. #ffffff

Nada

#64757b dicampur bertahap dengan abu-abu.

  1. #64757b
  2. #67767c
  3. #6a777c
  4. #6c787d
  5. #6f797d
  6. #727b7e
  7. #757c7e
  8. #787d7f
  9. #7a7e7f
  10. #7d7f80
  11. #808080

Teks mudah dibaca 4.8:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 4.37:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsia #727272 ≈ 0.003% pria
Akromatomali #6d7376 ≈ 0.001% pria
Protanopia #71747b ≈ 1.01% pria
Deuteranopia #6e717b ≈ 1.27% pria
Tritanopia #5e7777 ≈ 0.0001% pria
Protanomali #6c747b ≈ 1.08% pria
Deuteranomali #6a737b ≈ 4.63% pria
Tritanomali #607678 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-64757b {
  color: #64757b;
}
Latar
.bg-64757b {
  background-color: #64757b;
  color: #ffffff;
}
Garis tepi
.border-64757b {
  border: 2px solid #64757b;
}
Variabel CSS
:root {
  --color-primary: #64757b;
  --color-primary-rgb: 100 117 123;
  --color-primary-hsl: 196 10% 44%;
}
Gradien
.gradient-64757b {
  background: linear-gradient(135deg, #64757b, #646a7b);
}
Bayangan berwarna
.shadow-64757b {
  box-shadow: 0 8px 24px rgb(100 117 123 / 0.35);
}

#708090 Slate Gray ΔE 7.08 #708090 Slate Grey ΔE 7.08 #696969 Dim Gray ΔE 8.35 #696969 Dim Grey ΔE 8.35 #808080 Gray ΔE 9.34 #808080 Grey ΔE 9.34 #778899 Light Slate Gray ΔE 9.46 #9b8a84 Terbalik #727272 Skala abu-abu 

Slate Gray
#64757b  rgb(100, 117, 123)  hsl(196, 10%, 44%)  Slate Gray
#7b6a64  rgb(123, 106, 100)  hsl(16, 10%, 44%)  Wenge
#7b6475  rgb(123, 100, 117)  hsl(316, 10%, 44%)  Old Lavender
#757b64  rgb(117, 123, 100)  hsl(76, 10%, 44%)  Xanadu