ColorTool
Masuk
#D366FD

#d366fd ≈ Heliotrope

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

#d366fd adalah warna dari keluarga “magenta”, dengan kecerahan tinggi dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 82,75% merah, 40% hijau, dan 99,22% biru; saat dicetak CMYK memakai 16,6% sian, 59,68% magenta, 0% kuning, dan 0,78% hitam. Sudut ronanya 283,31°, dengan saturasi 97,42% dan kecerahan 69,61% 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 hitam di atas warna ini mencapai rasio kontras 7,09:1 (WCAG AAA). Warna bernama terdekat adalah Heliotrope (#df73ff), ΔE 3,54.

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.3044

Komplementer

  1. #d366fd
  2. #90fd66

Komplementer terbelah

  1. #d366fd
  2. #dcfd66
  3. #66fd88

Analog

  1. #8866fd
  2. #d366fd
  3. #fd66dc

Triadik

  1. #d366fd
  2. #fdd366
  3. #66fdd3

Tetradik

  1. #d366fd
  2. #fd6690
  3. #90fd66
  4. #66fdd3

Persegi

  1. #d366fd
  2. #fd8866
  3. #90fd66
  4. #66dcfd

Monokromatik

  1. #9103c7
  2. #bd1afc
  3. #d366fd
  4. #e9b2fe
  5. #f9ebff

Bayangan

#d366fd dicampur bertahap dengan hitam.

  1. #d366fd
  2. #be5ce4
  3. #a952ca
  4. #9447b1
  5. #7f3d98
  6. #6a337f
  7. #542965
  8. #3f1f4c
  9. #2a1433
  10. #150a19
  11. #000000

Tint

#d366fd dicampur bertahap dengan putih.

  1. #d366fd
  2. #d775fd
  3. #dc85fd
  4. #e094fe
  5. #e5a3fe
  6. #e9b3fe
  7. #edc2fe
  8. #f2d1fe
  9. #f6e0ff
  10. #fbf0ff
  11. #ffffff

Nada

#d366fd dicampur bertahap dengan abu-abu.

  1. #d366fd
  2. #cb69f1
  3. #c26be4
  4. #ba6ed8
  5. #b270cb
  6. #aa73bf
  7. #a176b2
  8. #9978a6
  9. #917b99
  10. #887d8d
  11. #808080

Teks mudah dibaca 2.96:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 7.09:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #969696 ≈ 0.003% pria
Akromatomali #b285c8 ≈ 0.001% pria
Protanopia #378fff ≈ 1.01% pria
Deuteranopia #6599f9 ≈ 1.27% pria
Tritanopia #d080a8 ≈ 0.0001% pria
Protanomali #9181ff ≈ 1.08% pria
Deuteranomali #9d87fb ≈ 4.63% pria
Tritanomali #d177d0 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-d366fd {
  color: #d366fd;
}
Latar
.bg-d366fd {
  background-color: #d366fd;
  color: #000000;
}
Garis tepi
.border-d366fd {
  border: 2px solid #d366fd;
}
Variabel CSS
:root {
  --color-primary: #d366fd;
  --color-primary-rgb: 211 102 253;
  --color-primary-hsl: 283 97% 70%;
}
Gradien
.gradient-d366fd {
  background: linear-gradient(135deg, #d366fd, #fd66dc);
}
Bayangan berwarna
.shadow-d366fd {
  box-shadow: 0 8px 24px rgb(211 102 253 / 0.35);
}

#df73ff Heliotrope ΔE 3.54 #da70d6 Orchid ΔE 7.46 #b57edc Floral Lavender ΔE 7.90 #ff00ff Fuchsia ΔE 8.07 #ff00ff Magenta ΔE 8.07 #ba55d3 Medium Orchid ΔE 8.16 #ff77ff Fuchsia Pink ΔE 8.78 #2c9902 Terbalik #969696 Skala abu-abu 

Heliotrope
#d366fd  rgb(211, 102, 253)  hsl(283, 97%, 70%)  Heliotrope
#90fd66  rgb(144, 253, 102)  hsl(103, 97%, 70%)  Lawn Green
#fdd366  rgb(253, 211, 102)  hsl(43, 97%, 70%)  Mustard
#66fdd3  rgb(102, 253, 211)  hsl(163, 97%, 70%)  Aquamarine