ColorTool
Masuk
#5700AA

#5700aa ≈ Indigo

  • ungu
  • Kecerahan: rendah
  • Saturasi: kuat
  • Sejuk
Periksa kontras Jelajahi di grafik Warna acak

#5700aa adalah warna dari keluarga “ungu”, dengan kecerahan rendah dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 34,12% merah, 0% hijau, dan 66,67% biru; saat dicetak CMYK memakai 48,82% sian, 100% magenta, 0% kuning, dan 33,33% hitam. Sudut ronanya 270,71°, dengan saturasi 100% dan kecerahan 33,33% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan imajinasi, spiritualitas, dan kemewahan. Desainer biasanya memakainya untuk kecantikan dan kosmetik, studio kreatif, dan identitas korporat. Teks putih di atas warna ini mencapai rasio kontras 10,58:1 (WCAG AAA). Warna bernama terdekat adalah Indigo (#4b0082), ΔE 5,96.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #5700aa
  2. #53aa00

Komplementer terbelah

  1. #5700aa
  2. #a8aa00
  3. #00aa02

Analog

  1. #0200aa
  2. #5700aa
  3. #aa00a8

Triadik

  1. #5700aa
  2. #aa5700
  3. #00aa57

Tetradik

  1. #5700aa
  2. #aa0053
  3. #53aa00
  4. #00aa57

Persegi

  1. #5700aa
  2. #aa0200
  3. #53aa00
  4. #00a8aa

Monokromatik

  1. #0a0014
  2. #30005d
  3. #5700aa
  4. #7e00f6
  5. #a444ff

Bayangan

#5700aa dicampur bertahap dengan hitam.

  1. #5700aa
  2. #4e0099
  3. #460088
  4. #3d0077
  5. #340066
  6. #2c0055
  7. #230044
  8. #1a0033
  9. #110022
  10. #090011
  11. #000000

Tint

#5700aa dicampur bertahap dengan putih.

  1. #5700aa
  2. #681ab3
  3. #7933bb
  4. #894dc4
  5. #9a66cc
  6. #ab80d5
  7. #bc99dd
  8. #cdb3e6
  9. #ddccee
  10. #eee6f7
  11. #ffffff

Nada

#5700aa dicampur bertahap dengan abu-abu.

  1. #5700aa
  2. #5b0da6
  3. #5f1aa2
  4. #63269d
  5. #673399
  6. #6c4095
  7. #704d91
  8. #745a8d
  9. #786688
  10. #7c7384
  11. #808080

Teks mudah dibaca 10.58:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Teks mudah dibaca 1.99:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsia #3f3f3f ≈ 0.003% pria
Akromatomali #4a3079 ≈ 0.001% pria
Protanopia #0040ae ≈ 1.01% pria
Deuteranopia #003ca7 ≈ 1.27% pria
Tritanopia #3e4062 ≈ 0.0001% pria
Protanomali #0031ac ≈ 1.08% pria
Deuteranomali #0d2ea8 ≈ 4.63% pria
Tritanomali #493185 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-5700aa {
  color: #5700aa;
}
Latar
.bg-5700aa {
  background-color: #5700aa;
  color: #ffffff;
}
Garis tepi
.border-5700aa {
  border: 2px solid #5700aa;
}
Variabel CSS
:root {
  --color-primary: #5700aa;
  --color-primary-rgb: 87 0 170;
  --color-primary-hsl: 271 100% 33%;
}
Gradien
.gradient-5700aa {
  background: linear-gradient(135deg, #5700aa, #aa00a8);
}
Bayangan berwarna
.shadow-5700aa {
  box-shadow: 0 8px 24px rgb(87 0 170 / 0.35);
}

#4b0082 Indigo ΔE 5.96 #0000cd Medium Blue ΔE 7.05 #0014a8 Zaffre ΔE 7.58 #663399 Rebecca Purple ΔE 7.94 #69359c Purple Heart ΔE 8.38 #32127a Persian Indigo ΔE 8.40 #00008b Dark Blue ΔE 9.51 #a8ff55 Terbalik #3f3f3f Skala abu-abu 

Indigo
#5700aa  rgb(87, 0, 170)  hsl(271, 100%, 33%)  Indigo
#53aa00  rgb(83, 170, 0)  hsl(91, 100%, 33%)  Kelly Green
#aa5700  rgb(170, 87, 0)  hsl(31, 100%, 33%)  Ginger
#00aa57  rgb(0, 170, 87)  hsl(151, 100%, 33%)  Jade