ColorTool
Masuk
#CC63EA

#cc63ea ≈ Heliotrope

  • magenta
  • Kecerahan: tinggi
  • Saturasi: kuat
  • Seimbang
Periksa kontras Jelajahi di grafik Warna acak

#cc63ea adalah warna dari keluarga “magenta”, dengan kecerahan tinggi dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 80% merah, 38,82% hijau, dan 91,76% biru; saat dicetak CMYK memakai 12,82% sian, 57,69% magenta, 0% kuning, dan 8,24% hitam. Sudut ronanya 286,67°, dengan saturasi 76,27% dan kecerahan 65,29% dalam HSL. Warna ini berada di antara hangat dan sejuk serta sering dikaitkan dengan kreativitas, keberanian, dan individualitas. Desainer biasanya memakainya untuk kecantikan dan kosmetik, studio kreatif, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 6,54:1 (WCAG AA). Warna bernama terdekat adalah Heliotrope (#df73ff), ΔE 5,32.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #cc63ea
  2. #81ea63

Komplementer terbelah

  1. #cc63ea
  2. #c4ea63
  3. #63ea88

Analog

  1. #8863ea
  2. #cc63ea
  3. #ea63c4

Triadik

  1. #cc63ea
  2. #eacc63
  3. #63eacc

Tetradik

  1. #cc63ea
  2. #ea6381
  3. #81ea63
  4. #63eacc

Persegi

  1. #cc63ea
  2. #ea8863
  3. #81ea63
  4. #63c4ea

Monokromatik

  1. #80159f
  2. #b620e1
  3. #cc63ea
  4. #e2a6f3
  5. #f8eafc

Bayangan

#cc63ea dicampur bertahap dengan hitam.

  1. #cc63ea
  2. #b859d3
  3. #a34fbb
  4. #8f45a4
  5. #7a3b8c
  6. #663275
  7. #52285e
  8. #3d1e46
  9. #29142f
  10. #140a17
  11. #000000

Tint

#cc63ea dicampur bertahap dengan putih.

  1. #cc63ea
  2. #d173ec
  3. #d682ee
  4. #db92f0
  5. #e0a1f2
  6. #e6b1f5
  7. #ebc1f7
  8. #f0d0f9
  9. #f5e0fb
  10. #faeffd
  11. #ffffff

Nada

#cc63ea dicampur bertahap dengan abu-abu.

  1. #cc63ea
  2. #c466df
  3. #bd69d5
  4. #b56cca
  5. #ae6fc0
  6. #a672b5
  7. #9e74aa
  8. #9777a0
  9. #8f7a95
  10. #887d8b
  11. #808080

Teks mudah dibaca 3.21:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Teks mudah dibaca 6.54:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsia #909090 ≈ 0.003% pria
Akromatomali #ab80bb ≈ 0.001% pria
Protanopia #4289ee ≈ 1.01% pria
Deuteranopia #6993e7 ≈ 1.27% pria
Tritanopia #cc799d ≈ 0.0001% pria
Protanomali #8f7bed ≈ 1.08% pria
Deuteranomali #9b83e8 ≈ 4.63% pria
Tritanomali #cc71c1 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-cc63ea {
  color: #cc63ea;
}
Latar
.bg-cc63ea {
  background-color: #cc63ea;
  color: #000000;
}
Garis tepi
.border-cc63ea {
  border: 2px solid #cc63ea;
}
Variabel CSS
:root {
  --color-primary: #cc63ea;
  --color-primary-rgb: 204 99 234;
  --color-primary-hsl: 287 76% 65%;
}
Gradien
.gradient-cc63ea {
  background: linear-gradient(135deg, #cc63ea, #ea63c4);
}
Bayangan berwarna
.shadow-cc63ea {
  box-shadow: 0 8px 24px rgb(204 99 234 / 0.35);
}

#df73ff Heliotrope ΔE 5.32 #ba55d3 Medium Orchid ΔE 5.61 #da70d6 Orchid ΔE 6.21 #b57edc Floral Lavender ΔE 7.17 #ff00ff Fuchsia ΔE 8.20 #ff00ff Magenta ΔE 8.20 #ee82ee Violet ΔE 9.57 #339c15 Terbalik #909090 Skala abu-abu 

Heliotrope
#cc63ea  rgb(204, 99, 234)  hsl(287, 76%, 65%)  Heliotrope
#81ea63  rgb(129, 234, 99)  hsl(107, 76%, 65%)  Pastel Green
#eacc63  rgb(234, 204, 99)  hsl(47, 76%, 65%)  Naples Yellow
#63eacc  rgb(99, 234, 204)  hsl(167, 76%, 65%)  Turquoise