ColorTool
Masuk
#B2B8A2

#b2b8a2 ≈ Ash Gray

  • kuning-hijau
  • Kecerahan: tinggi
  • Saturasi: lembut
  • Seimbang
Periksa kontras Jelajahi di grafik Warna acak

#b2b8a2 adalah warna dari keluarga “kuning-hijau”, dengan kecerahan tinggi dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 69,8% merah, 72,16% hijau, dan 63,53% biru; saat dicetak CMYK memakai 3,26% sian, 0% magenta, 11,96% kuning, dan 27,84% hitam. Sudut ronanya 76,36°, dengan saturasi 13,41% dan kecerahan 67,84% dalam HSL. Warna ini berada di antara hangat dan sejuk serta sering dikaitkan dengan kesegaran, pertumbuhan, dan vitalitas. Desainer biasanya memakainya untuk merek ramah lingkungan, kesehatan dan kebugaran, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 10,27:1 (WCAG AAA). Warna bernama terdekat adalah Ash Gray (#b2beb5), ΔE 5,74.

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

Komplementer

  1. #b2b8a2
  2. #a8a2b8

Komplementer terbelah

  1. #b2b8a2
  2. #a2a7b8
  3. #b3a2b8

Analog

  1. #b8b3a2
  2. #b2b8a2
  3. #a7b8a2

Triadik

  1. #b2b8a2
  2. #a2b2b8
  3. #b8a2b2

Tetradik

  1. #b2b8a2
  2. #a2b8a8
  3. #a8a2b8
  4. #b8a2b2

Persegi

  1. #b2b8a2
  2. #a2b8b3
  3. #a8a2b8
  4. #b8a2a7

Monokromatik

  1. #666d54
  2. #8e9777
  3. #b2b8a2
  4. #d6d9cd
  5. #f5f6f3

Bayangan

#b2b8a2 dicampur bertahap dengan hitam.

  1. #b2b8a2
  2. #a0a692
  3. #8e9382
  4. #7d8171
  5. #6b6e61
  6. #595c51
  7. #474a41
  8. #353731
  9. #242520
  10. #121210
  11. #000000

Tint

#b2b8a2 dicampur bertahap dengan putih.

  1. #b2b8a2
  2. #babfab
  3. #c1c6b5
  4. #c9cdbe
  5. #d1d4c7
  6. #d9dcd1
  7. #e0e3da
  8. #e8eae3
  9. #f0f1ec
  10. #f7f8f6
  11. #ffffff

Nada

#b2b8a2 dicampur bertahap dengan abu-abu.

  1. #b2b8a2
  2. #adb29f
  3. #a8ad9b
  4. #a3a798
  5. #9ea294
  6. #999c91
  7. #94968e
  8. #8f918a
  9. #8a8b87
  10. #858683
  11. #808080

Teks mudah dibaca 2.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 10.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #b5b5b5 ≈ 0.003% pria
Akromatomali #b4b6ae ≈ 0.001% pria
Protanopia #bbb5a1 ≈ 1.01% pria
Deuteranopia #bab5a3 ≈ 1.27% pria
Tritanopia #b4b5b2 ≈ 0.0001% pria
Protanomali #b8b6a1 ≈ 1.08% pria
Deuteranomali #b7b6a2 ≈ 4.63% pria
Tritanomali #b3b6ac ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-b2b8a2 {
  color: #b2b8a2;
}
Latar
.bg-b2b8a2 {
  background-color: #b2b8a2;
  color: #000000;
}
Garis tepi
.border-b2b8a2 {
  border: 2px solid #b2b8a2;
}
Variabel CSS
:root {
  --color-primary: #b2b8a2;
  --color-primary-rgb: 178 184 162;
  --color-primary-hsl: 76 13% 68%;
}
Gradien
.gradient-b2b8a2 {
  background: linear-gradient(135deg, #b2b8a2, #a7b8a2);
}
Bayangan berwarna
.shadow-b2b8a2 {
  box-shadow: 0 8px 24px rgb(178 184 162 / 0.35);
}

#b2beb5 Ash Gray ΔE 5.74 #bcb88a Sage ΔE 7.97 #a8c3bc Opal ΔE 9.46 #c0c0c0 Silver ΔE 10.94 #a9a9a9 Dark Gray ΔE 11.11 #a9a9a9 Dark Grey ΔE 11.11 #c2b280 Ecru ΔE 11.29 #4d475d Terbalik #b5b5b5 Skala abu-abu 

Ash Gray
#b2b8a2  rgb(178, 184, 162)  hsl(76, 13%, 68%)  Ash Gray
#a8a2b8  rgb(168, 162, 184)  hsl(256, 13%, 68%)  Rose Quartz
#a2b2b8  rgb(162, 178, 184)  hsl(196, 13%, 68%)  Pastel Blue
#b8a2b2  rgb(184, 162, 178)  hsl(316, 13%, 68%)  Pastel Purple