ColorTool
Masuk
#AAA7BB

#aaa7bb ≈ Rose Quartz

  • biru
  • Kecerahan: tinggi
  • Saturasi: lembut
  • Sejuk
Periksa kontras Jelajahi di grafik Warna acak

#aaa7bb adalah warna dari keluarga “biru”, dengan kecerahan tinggi dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 66,67% merah, 65,49% hijau, dan 73,33% biru; saat dicetak CMYK memakai 9,09% sian, 10,7% magenta, 0% kuning, dan 26,67% hitam. Sudut ronanya 249°, dengan saturasi 12,82% dan kecerahan 69,41% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan kepercayaan, stabilitas, dan fokus. Desainer biasanya memakainya untuk produk teknologi, keuangan dan perbankan, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 8,95:1 (WCAG AAA). Warna bernama terdekat adalah Rose Quartz (#aa98a9), ΔE 7,06.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #aaa7bb
  2. #b8bba7

Komplementer terbelah

  1. #aaa7bb
  2. #bbb4a7
  3. #aebba7

Analog

  1. #a7aebb
  2. #aaa7bb
  3. #b4a7bb

Triadik

  1. #aaa7bb
  2. #bbaaa7
  3. #a7bbaa

Tetradik

  1. #aaa7bb
  2. #bba7b8
  3. #b8bba7
  4. #a7bbaa

Persegi

  1. #aaa7bb
  2. #bba7ae
  3. #b8bba7
  4. #a7bbb4

Monokromatik

  1. #5b5871
  2. #807c9a
  3. #aaa7bb
  4. #d4d2dc
  5. #f4f3f6

Bayangan

#aaa7bb dicampur bertahap dengan hitam.

  1. #aaa7bb
  2. #9996a8
  3. #888696
  4. #777583
  5. #666470
  6. #55545e
  7. #44434b
  8. #333238
  9. #222125
  10. #111113
  11. #000000

Tint

#aaa7bb dicampur bertahap dengan putih.

  1. #aaa7bb
  2. #b3b0c2
  3. #bbb9c9
  4. #c4c1cf
  5. #cccad6
  6. #d5d3dd
  7. #dddce4
  8. #e6e5eb
  9. #eeedf1
  10. #f7f6f8
  11. #ffffff

Nada

#aaa7bb dicampur bertahap dengan abu-abu.

  1. #aaa7bb
  2. #a6a3b5
  3. #a29faf
  4. #9d9ba9
  5. #9997a3
  6. #95949e
  7. #919098
  8. #8d8c92
  9. #88888c
  10. #848486
  11. #808080

Teks mudah dibaca 2.35:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 8.95:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #a9a9a9 ≈ 0.003% pria
Akromatomali #aaa8b1 ≈ 0.001% pria
Protanopia #a3a9bc ≈ 1.01% pria
Deuteranopia #a3a9ba ≈ 1.27% pria
Tritanopia #a7aaad ≈ 0.0001% pria
Protanomali #a6a8bc ≈ 1.08% pria
Deuteranomali #a6a8bb ≈ 4.63% pria
Tritanomali #a8a9b3 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-aaa7bb {
  color: #aaa7bb;
}
Latar
.bg-aaa7bb {
  background-color: #aaa7bb;
  color: #000000;
}
Garis tepi
.border-aaa7bb {
  border: 2px solid #aaa7bb;
}
Variabel CSS
:root {
  --color-primary: #aaa7bb;
  --color-primary-rgb: 170 167 187;
  --color-primary-hsl: 249 13% 69%;
}
Gradien
.gradient-aaa7bb {
  background: linear-gradient(135deg, #aaa7bb, #b4a7bb);
}
Bayangan berwarna
.shadow-aaa7bb {
  box-shadow: 0 8px 24px rgb(170 167 187 / 0.35);
}

#aa98a9 Rose Quartz ΔE 7.06 #a2add0 Wild Blue Yonder ΔE 7.12 #b39eb5 Pastel Purple ΔE 7.13 #8c92ac Cool Gray ΔE 8.13 #a9a9a9 Dark Gray ΔE 9.68 #a9a9a9 Dark Grey ΔE 9.68 #d6cadd Languid Lavender ΔE 10.37 #555844 Terbalik #a9a9a9 Skala abu-abu 

Rose Quartz
#aaa7bb  rgb(170, 167, 187)  hsl(249, 13%, 69%)  Rose Quartz
#b8bba7  rgb(184, 187, 167)  hsl(69, 13%, 69%)  Ash Gray
#bbaaa7  rgb(187, 170, 167)  hsl(9, 13%, 69%)  Silver Pink
#a7bbaa  rgb(167, 187, 170)  hsl(129, 13%, 69%)  Ash Gray