ColorTool
Masuk
#677A67

#677a67 ≈ Xanadu

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

#677a67 adalah warna dari keluarga “abu-abu”, dengan kecerahan sedang dan saturasi hampir nol. Dalam model RGB, warna ini terdiri dari 40,39% merah, 47,84% hijau, dan 40,39% biru; saat dicetak CMYK memakai 15,57% sian, 0% magenta, 15,57% kuning, dan 52,16% hitam. Sudut ronanya 120°, dengan saturasi 8,44% dan kecerahan 44,12% 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 4,61:1 (WCAG AA). Warna bernama terdekat adalah Xanadu (#738678), ΔE 5,26.

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

Komplementer

  1. #677a67
  2. #7a677a

Komplementer terbelah

  1. #677a67
  2. #71677a
  3. #7a6771

Analog

  1. #717a67
  2. #677a67
  3. #677a71

Triadik

  1. #677a67
  2. #67677a
  3. #7a6767

Tetradik

  1. #677a67
  2. #677a7a
  3. #7a677a
  4. #7a6767

Persegi

  1. #677a67
  2. #67717a
  3. #7a677a
  4. #7a7167

Monokromatik

  1. #212721
  2. #445144
  3. #677a67
  4. #8ea08e
  5. #b7c3b7

Bayangan

#677a67 dicampur bertahap dengan hitam.

  1. #677a67
  2. #5d6e5d
  3. #526252
  4. #485548
  5. #3e493e
  6. #343d34
  7. #293129
  8. #1f251f
  9. #151815
  10. #0a0c0a
  11. #000000

Tint

#677a67 dicampur bertahap dengan putih.

  1. #677a67
  2. #768776
  3. #859585
  4. #95a295
  5. #a4afa4
  6. #b3bdb3
  7. #c2cac2
  8. #d1d7d1
  9. #e1e4e1
  10. #f0f2f0
  11. #ffffff

Nada

#677a67 dicampur bertahap dengan abu-abu.

  1. #677a67
  2. #6a7b6a
  3. #6c7b6c
  4. #6f7c6f
  5. #717c71
  6. #747d74
  7. #767e76
  8. #797e79
  9. #7b7f7b
  10. #7e7f7e
  11. #808080

Teks mudah dibaca 4.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 4.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsia #757575 ≈ 0.003% pria
Akromatomali #707770 ≈ 0.001% pria
Protanopia #7b7666 ≈ 1.01% pria
Deuteranopia #787468 ≈ 1.27% pria
Tritanopia #657975 ≈ 0.0001% pria
Protanomali #737866 ≈ 1.08% pria
Deuteranomali #717768 ≈ 4.63% pria
Tritanomali #66796f ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-677a67 {
  color: #677a67;
}
Latar
.bg-677a67 {
  background-color: #677a67;
  color: #ffffff;
}
Garis tepi
.border-677a67 {
  border: 2px solid #677a67;
}
Variabel CSS
:root {
  --color-primary: #677a67;
  --color-primary-rgb: 103 122 103;
  --color-primary-hsl: 120 8% 44%;
}
Gradien
.gradient-677a67 {
  background: linear-gradient(135deg, #677a67, #677a71);
}
Bayangan berwarna
.shadow-677a67 {
  box-shadow: 0 8px 24px rgb(103 122 103 / 0.35);
}

#738678 Xanadu ΔE 5.26 #40826d Viridian ΔE 10.40 #4d5d53 Feldgrau ΔE 11.12 #4f7942 Fern Green ΔE 11.44 #317873 Myrtle Green ΔE 12.72 #848482 Battleship Gray ΔE 13.39 #556b2f Dark Olive Green ΔE 13.65 #988598 Terbalik #757575 Skala abu-abu 

Xanadu
#677a67  rgb(103, 122, 103)  hsl(120, 8%, 44%)  Xanadu
#7a677a  rgb(122, 103, 122)  hsl(300, 8%, 44%)  Old Lavender
#67677a  rgb(103, 103, 122)  hsl(240, 8%, 44%)  Old Lavender
#7a6767  rgb(122, 103, 103)  hsl(0, 8%, 44%)  Old Lavender