ColorTool
Masuk
#9FB3AF

#9fb3af ≈ Opal

  • hijau kebiruan
  • Kecerahan: tinggi
  • Saturasi: hampir nol
  • Netral
Periksa kontras Jelajahi di grafik Warna acak

#9fb3af adalah warna dari keluarga “hijau kebiruan”, dengan kecerahan tinggi dan saturasi hampir nol. Dalam model RGB, warna ini terdiri dari 62,35% merah, 70,2% hijau, dan 68,63% biru; saat dicetak CMYK memakai 11,17% sian, 0% magenta, 2,23% kuning, dan 29,8% hitam. Sudut ronanya 168°, dengan saturasi 11,63% dan kecerahan 66,27% dalam HSL. Ini warna netral yang sering dikaitkan dengan kejernihan, ketenangan, dan pembaruan. Desainer biasanya memakainya untuk kesehatan dan kebugaran, produk teknologi, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 9,54:1 (WCAG AAA). Warna bernama terdekat adalah Opal (#a8c3bc), ΔE 4,75.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #9fb3af
  2. #b39fa3

Komplementer terbelah

  1. #9fb3af
  2. #b39fad
  3. #b3a59f

Analog

  1. #9fb3a5
  2. #9fb3af
  3. #9fadb3

Triadik

  1. #9fb3af
  2. #af9fb3
  3. #b3af9f

Tetradik

  1. #9fb3af
  2. #9fa3b3
  3. #b39fa3
  4. #b3af9f

Persegi

  1. #9fb3af
  2. #a59fb3
  3. #b39fa3
  4. #adb39f

Monokromatik

  1. #526763
  2. #74918b
  3. #9fb3af
  4. #cad5d3
  5. #f4f6f6

Bayangan

#9fb3af dicampur bertahap dengan hitam.

  1. #9fb3af
  2. #8fa19e
  3. #7f8f8c
  4. #6f7d7b
  5. #5f6b69
  6. #505a58
  7. #404846
  8. #303635
  9. #202423
  10. #101212
  11. #000000

Tint

#9fb3af dicampur bertahap dengan putih.

  1. #9fb3af
  2. #a9bbb7
  3. #b2c2bf
  4. #bccac7
  5. #c5d1cf
  6. #cfd9d7
  7. #d9e1df
  8. #e2e8e7
  9. #ecf0ef
  10. #f5f7f7
  11. #ffffff

Nada

#9fb3af dicampur bertahap dengan abu-abu.

  1. #9fb3af
  2. #9caeaa
  3. #99a9a6
  4. #96a4a1
  5. #939f9c
  6. #909a98
  7. #8c9493
  8. #898f8e
  9. #868a89
  10. #838585
  11. #808080

Teks mudah dibaca 2.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 9.54:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #afafaf ≈ 0.003% pria
Akromatomali #a9b0af ≈ 0.001% pria
Protanopia #b1b0af ≈ 1.01% pria
Deuteranopia #adaeaf ≈ 1.27% pria
Tritanopia #9ab4b2 ≈ 0.0001% pria
Protanomali #aab1af ≈ 1.08% pria
Deuteranomali #a8b0af ≈ 4.63% pria
Tritanomali #9cb4b1 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-9fb3af {
  color: #9fb3af;
}
Latar
.bg-9fb3af {
  background-color: #9fb3af;
  color: #000000;
}
Garis tepi
.border-9fb3af {
  border: 2px solid #9fb3af;
}
Variabel CSS
:root {
  --color-primary: #9fb3af;
  --color-primary-rgb: 159 179 175;
  --color-primary-hsl: 168 12% 66%;
}
Gradien
.gradient-9fb3af {
  background: linear-gradient(135deg, #9fb3af, #9fadb3);
}
Bayangan berwarna
.shadow-9fb3af {
  box-shadow: 0 8px 24px rgb(159 179 175 / 0.35);
}

#a8c3bc Opal ΔE 4.75 #b2beb5 Ash Gray ΔE 4.89 #aec6cf Pastel Blue ΔE 8.03 #a9a9a9 Dark Gray ΔE 9.30 #a9a9a9 Dark Grey ΔE 9.30 #c0c0c0 Silver ΔE 10.27 #add8e6 Light Blue ΔE 12.37 #604c50 Terbalik #afafaf Skala abu-abu 

Opal
#9fb3af  rgb(159, 179, 175)  hsl(168, 12%, 66%)  Opal
#b39fa3  rgb(179, 159, 163)  hsl(348, 12%, 66%)  Silver Pink
#af9fb3  rgb(175, 159, 179)  hsl(288, 12%, 66%)  Pastel Purple
#b3af9f  rgb(179, 175, 159)  hsl(48, 12%, 66%)  Dark Gray