ColorTool
Masuk
#AB0AFA

#ab0afa ≈ Vivid Violet

  • magenta
  • Kecerahan: sedang
  • Saturasi: sangat cerah
  • Sejuk
Periksa kontras Jelajahi di grafik Warna acak

#ab0afa adalah warna dari keluarga “magenta”, dengan kecerahan sedang dan saturasi sangat cerah. Dalam model RGB, warna ini terdiri dari 67,06% merah, 3,92% hijau, dan 98,04% biru; saat dicetak CMYK memakai 31,6% sian, 96% magenta, 0% kuning, dan 1,96% hitam. Sudut ronanya 280,25°, dengan saturasi 96% dan kecerahan 50,98% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan kreativitas, keberanian, dan individualitas. Desainer biasanya memakainya untuk kecantikan dan kosmetik, studio kreatif, dan tombol ajakan bertindak. Teks putih di atas warna ini mencapai rasio kontras 5,05:1 (WCAG AA). Warna bernama terdekat adalah Vivid Violet (#9f00ff), ΔE 2,22.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #ab0afa
  2. #59fa0a

Komplementer terbelah

  1. #ab0afa
  2. #d1fa0a
  3. #0afa33

Analog

  1. #330afa
  2. #ab0afa
  3. #fa0ad1

Triadik

  1. #ab0afa
  2. #faab0a
  3. #0afaab

Tetradik

  1. #ab0afa
  2. #fa0a59
  3. #59fa0a
  4. #0afaab

Persegi

  1. #ab0afa
  2. #fa330a
  3. #59fa0a
  4. #0ad1fa

Monokromatik

  1. #470269
  2. #7a04b4
  3. #ab0afa
  4. #c555fc
  5. #dea0fd

Bayangan

#ab0afa dicampur bertahap dengan hitam.

  1. #ab0afa
  2. #9a09e1
  3. #8908c8
  4. #7807af
  5. #670696
  6. #56057d
  7. #440464
  8. #33034b
  9. #220232
  10. #110119
  11. #000000

Tint

#ab0afa dicampur bertahap dengan putih.

  1. #ab0afa
  2. #b323fb
  3. #bc3bfb
  4. #c454fc
  5. #cd6cfc
  6. #d585fd
  7. #dd9dfd
  8. #e6b6fe
  9. #eecefe
  10. #f7e7ff
  11. #ffffff

Nada

#ab0afa dicampur bertahap dengan abu-abu.

  1. #ab0afa
  2. #a716ee
  3. #a222e2
  4. #9e2dd5
  5. #9a39c9
  6. #9645bd
  7. #9151b1
  8. #8d5da5
  9. #896898
  10. #84748c
  11. #808080

Teks mudah dibaca 5.05:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 4.16:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsia #6f6f6f ≈ 0.003% pria
Akromatomali #8b57b8 ≈ 0.001% pria
Protanopia #006aff ≈ 1.01% pria
Deuteranopia #0070f6 ≈ 1.27% pria
Tritanopia #9e5e94 ≈ 0.0001% pria
Protanomali #5253fd ≈ 1.08% pria
Deuteranomali #6358f8 ≈ 4.63% pria
Tritanomali #a34ac5 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-ab0afa {
  color: #ab0afa;
}
Latar
.bg-ab0afa {
  background-color: #ab0afa;
  color: #ffffff;
}
Garis tepi
.border-ab0afa {
  border: 2px solid #ab0afa;
}
Variabel CSS
:root {
  --color-primary: #ab0afa;
  --color-primary-rgb: 171 10 250;
  --color-primary-hsl: 280 96% 51%;
}
Gradien
.gradient-ab0afa {
  background: linear-gradient(135deg, #ab0afa, #fa0ad1);
}
Bayangan berwarna
.shadow-ab0afa {
  box-shadow: 0 8px 24px rgb(171 10 250 / 0.35);
}

#9f00ff Vivid Violet ΔE 2.22 #bf00ff Electric Purple ΔE 3.59 #8f00ff Electric Violet ΔE 4.74 #8a2be2 Blue Violet ΔE 5.57 #9932cc Dark Orchid ΔE 6.05 #9400d3 Dark Violet ΔE 6.96 #6f00ff Electric Indigo ΔE 9.15 #54f505 Terbalik #6f6f6f Skala abu-abu 

Vivid Violet
#ab0afa  rgb(171, 10, 250)  hsl(280, 96%, 51%)  Vivid Violet
#59fa0a  rgb(89, 250, 10)  hsl(100, 96%, 51%)  Harlequin
#faab0a  rgb(250, 171, 10)  hsl(40, 96%, 51%)  Orange
#0afaab  rgb(10, 250, 171)  hsl(160, 96%, 51%)  Medium Spring Green