ColorTool
Masuk
#CC84F0

#cc84f0 ≈ Floral Lavender

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

#cc84f0 adalah warna dari keluarga “magenta”, dengan kecerahan tinggi dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 80% merah, 51,76% hijau, dan 94,12% biru; saat dicetak CMYK memakai 15% sian, 45% magenta, 0% kuning, dan 5,88% hitam. Sudut ronanya 280°, dengan saturasi 78,26% dan kecerahan 72,94% dalam HSL. Ini warna sejuk yang 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 8,13:1 (WCAG AAA). Warna bernama terdekat adalah Floral Lavender (#b57edc), ΔE 4,66.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #cc84f0
  2. #a8f084

Komplementer terbelah

  1. #cc84f0
  2. #def084
  3. #84f096

Analog

  1. #9684f0
  2. #cc84f0
  3. #f084de

Triadik

  1. #cc84f0
  2. #f0cc84
  3. #84f0cc

Tetradik

  1. #cc84f0
  2. #f084a8
  3. #a8f084
  4. #84f0cc

Persegi

  1. #cc84f0
  2. #f09684
  3. #a8f084
  4. #84def0

Monokromatik

  1. #8a18c3
  2. #b040e8
  3. #cc84f0
  4. #e8c8f8
  5. #f7edfd

Bayangan

#cc84f0 dicampur bertahap dengan hitam.

  1. #cc84f0
  2. #b877d8
  3. #a36ac0
  4. #8f5ca8
  5. #7a4f90
  6. #664278
  7. #523560
  8. #3d2848
  9. #291a30
  10. #140d18
  11. #000000

Tint

#cc84f0 dicampur bertahap dengan putih.

  1. #cc84f0
  2. #d190f2
  3. #d69df3
  4. #dba9f5
  5. #e0b5f6
  6. #e6c2f8
  7. #ebcef9
  8. #f0dafb
  9. #f5e6fc
  10. #faf3fe
  11. #ffffff

Nada

#cc84f0 dicampur bertahap dengan abu-abu.

  1. #cc84f0
  2. #c484e5
  3. #bd83da
  4. #b583ce
  5. #ae82c3
  6. #a682b8
  7. #9e82ad
  8. #9781a2
  9. #8f8196
  10. #88808b
  11. #808080

Teks mudah dibaca 2.58:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 8.13:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #a1a1a1 ≈ 0.003% pria
Akromatomali #b496c6 ≈ 0.001% pria
Protanopia #6e9df4 ≈ 1.01% pria
Deuteranopia #82a3ed ≈ 1.27% pria
Tritanopia #c994af ≈ 0.0001% pria
Protanomali #9d94f2 ≈ 1.08% pria
Deuteranomali #a597ee ≈ 4.63% pria
Tritanomali #ca8ecc ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-cc84f0 {
  color: #cc84f0;
}
Latar
.bg-cc84f0 {
  background-color: #cc84f0;
  color: #000000;
}
Garis tepi
.border-cc84f0 {
  border: 2px solid #cc84f0;
}
Variabel CSS
:root {
  --color-primary: #cc84f0;
  --color-primary-rgb: 204 132 240;
  --color-primary-hsl: 280 78% 73%;
}
Gradien
.gradient-cc84f0 {
  background: linear-gradient(135deg, #cc84f0, #f084de);
}
Bayangan berwarna
.shadow-cc84f0 {
  box-shadow: 0 8px 24px rgb(204 132 240 / 0.35);
}

#b57edc Floral Lavender ΔE 4.66 #df73ff Heliotrope ΔE 4.71 #ee82ee Violet ΔE 6.41 #da70d6 Orchid ΔE 6.95 #ff77ff Fuchsia Pink ΔE 8.23 #c9a0dc Wisteria ΔE 9.46 #dda0dd Plum ΔE 10.33 #337b0f Terbalik #a1a1a1 Skala abu-abu 

Floral Lavender
#cc84f0  rgb(204, 132, 240)  hsl(280, 78%, 73%)  Floral Lavender
#a8f084  rgb(168, 240, 132)  hsl(100, 78%, 73%)  Light Green
#f0cc84  rgb(240, 204, 132)  hsl(40, 78%, 73%)  Topaz
#84f0cc  rgb(132, 240, 204)  hsl(160, 78%, 73%)  Aquamarine