ColorTool
Masuk
#645F6A

#645f6a ≈ Old Lavender

  • abu-abu
  • Kecerahan: rendah
  • Saturasi: hampir nol
  • Netral
Periksa kontras Jelajahi di grafik Warna acak

#645f6a adalah warna dari keluarga “abu-abu”, dengan kecerahan rendah dan saturasi hampir nol. Dalam model RGB, warna ini terdiri dari 39,22% merah, 37,25% hijau, dan 41,57% biru; saat dicetak CMYK memakai 5,66% sian, 10,38% magenta, 0% kuning, dan 58,43% hitam. Sudut ronanya 267,27°, dengan saturasi 5,47% dan kecerahan 39,41% dalam HSL. Ini warna netral yang sering dikaitkan dengan netralitas, keseimbangan, dan profesionalisme. Desainer biasanya memakainya untuk teks isi dan tipografi, identitas korporat, dan aksen merek. Teks putih di atas warna ini mencapai rasio kontras 6,2:1 (WCAG AA). Warna bernama terdekat adalah Old Lavender (#796878), ΔE 7,23.

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

Komplementer

  1. #645f6a
  2. #656a5f

Komplementer terbelah

  1. #645f6a
  2. #6a695f
  3. #5f6a5f

Analog

  1. #5f5f6a
  2. #645f6a
  3. #695f6a

Triadik

  1. #645f6a
  2. #6a645f
  3. #5f6a64

Tetradik

  1. #645f6a
  2. #6a5f65
  3. #656a5f
  4. #5f6a64

Persegi

  1. #645f6a
  2. #6a5f5f
  3. #656a5f
  4. #5f6a69

Monokromatik

  1. #181719
  2. #3e3b42
  3. #645f6a
  4. #8a8491
  5. #b1adb5

Bayangan

#645f6a dicampur bertahap dengan hitam.

  1. #645f6a
  2. #5a565f
  3. #504c55
  4. #46434a
  5. #3c3940
  6. #323035
  7. #28262a
  8. #1e1d20
  9. #141315
  10. #0a0a0b
  11. #000000

Tint

#645f6a dicampur bertahap dengan putih.

  1. #645f6a
  2. #746f79
  3. #837f88
  4. #938f97
  5. #a29fa6
  6. #b2afb5
  7. #c1bfc3
  8. #d1cfd2
  9. #e0dfe1
  10. #f0eff0
  11. #ffffff

Nada

#645f6a dicampur bertahap dengan abu-abu.

  1. #645f6a
  2. #67626c
  3. #6a666e
  4. #6c6971
  5. #6f6c73
  6. #727075
  7. #757377
  8. #787679
  9. #7a797c
  10. #7d7d7e
  11. #808080

Teks mudah dibaca 6.2:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 3.39:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsia #616161 ≈ 0.003% pria
Akromatomali #626065 ≈ 0.001% pria
Protanopia #5d616b ≈ 1.01% pria
Deuteranopia #5e616a ≈ 1.27% pria
Tritanopia #636063 ≈ 0.0001% pria
Protanomali #60606a ≈ 1.08% pria
Deuteranomali #61606a ≈ 4.63% pria
Tritanomali #646066 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-645f6a {
  color: #645f6a;
}
Latar
.bg-645f6a {
  background-color: #645f6a;
  color: #ffffff;
}
Garis tepi
.border-645f6a {
  border: 2px solid #645f6a;
}
Variabel CSS
:root {
  --color-primary: #645f6a;
  --color-primary-rgb: 100 95 106;
  --color-primary-hsl: 267 5% 39%;
}
Gradien
.gradient-645f6a {
  background: linear-gradient(135deg, #645f6a, #695f6a);
}
Bayangan berwarna
.shadow-645f6a {
  box-shadow: 0 8px 24px rgb(100 95 106 / 0.35);
}

#796878 Old Lavender ΔE 7.23 #696969 Dim Gray ΔE 7.75 #696969 Dim Grey ΔE 7.75 #555555 Davy's Gray ΔE 8.32 #645452 Wenge ΔE 8.66 #635147 Umber ΔE 12.66 #674c47 Liver ΔE 12.92 #9ba095 Terbalik #616161 Skala abu-abu 

Old Lavender
#645f6a  rgb(100, 95, 106)  hsl(267, 5%, 39%)  Old Lavender
#656a5f  rgb(101, 106, 95)  hsl(87, 5%, 39%)  Dim Gray
#6a645f  rgb(106, 100, 95)  hsl(27, 5%, 39%)  Dim Gray
#5f6a64  rgb(95, 106, 100)  hsl(147, 5%, 39%)  Feldgrau