ColorTool
Masuk
#FF4DF5

#ff4df5 ≈ Fuchsia

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

#ff4df5 adalah warna dari keluarga “magenta”, dengan kecerahan tinggi dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 100% merah, 30,2% hijau, dan 96,08% biru; saat dicetak CMYK memakai 0% sian, 69,8% magenta, 3,92% kuning, dan 0% hitam. Sudut ronanya 303,37°, dengan saturasi 100% dan kecerahan 65,1% 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 tombol ajakan bertindak. Teks hitam di atas warna ini mencapai rasio kontras 7,63:1 (WCAG AAA). Warna bernama terdekat adalah Fuchsia (#ff00ff), ΔE 4,75.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #ff4df5
  2. #4dff57

Komplementer terbelah

  1. #ff4df5
  2. #9cff4d
  3. #4dffb0

Analog

  1. #b04dff
  2. #ff4df5
  3. #ff4d9c

Triadik

  1. #ff4df5
  2. #f5ff4d
  3. #4df5ff

Tetradik

  1. #ff4df5
  2. #ff574d
  3. #4dff57
  4. #4df5ff

Persegi

  1. #ff4df5
  2. #ffb04d
  3. #4dff57
  4. #4d9cff

Monokromatik

  1. #b300a9
  2. #ff01f1
  3. #ff4df5
  4. #ff9af9
  5. #ffe6fe

Bayangan

#ff4df5 dicampur bertahap dengan hitam.

  1. #ff4df5
  2. #e645dd
  3. #cc3ec4
  4. #b336ac
  5. #992e93
  6. #80277b
  7. #661f62
  8. #4d174a
  9. #330f31
  10. #1a0819
  11. #000000

Tint

#ff4df5 dicampur bertahap dengan putih.

  1. #ff4df5
  2. #ff5ff6
  3. #ff71f7
  4. #ff82f8
  5. #ff94f9
  6. #ffa6fa
  7. #ffb8fb
  8. #ffcafc
  9. #ffdbfd
  10. #ffedfe
  11. #ffffff

Nada

#ff4df5 dicampur bertahap dengan abu-abu.

  1. #ff4df5
  2. #f252e9
  3. #e657de
  4. #d95cd2
  5. #cc61c6
  6. #c067bb
  7. #b36caf
  8. #a671a3
  9. #997697
  10. #8d7b8c
  11. #808080

Teks mudah dibaca 2.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 7.63:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #9c9c9c ≈ 0.003% pria
Akromatomali #cb83c6 ≈ 0.001% pria
Protanopia #3b8cfa ≈ 1.01% pria
Deuteranopia #82a4f1 ≈ 1.27% pria
Tritanopia #ff639c ≈ 0.0001% pria
Protanomali #af78f8 ≈ 1.08% pria
Deuteranomali #c18af2 ≈ 4.63% pria
Tritanomali #ff5bc6 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-ff4df5 {
  color: #ff4df5;
}
Latar
.bg-ff4df5 {
  background-color: #ff4df5;
  color: #000000;
}
Garis tepi
.border-ff4df5 {
  border: 2px solid #ff4df5;
}
Variabel CSS
:root {
  --color-primary: #ff4df5;
  --color-primary-rgb: 255 77 245;
  --color-primary-hsl: 303 100% 65%;
}
Gradien
.gradient-ff4df5 {
  background: linear-gradient(135deg, #ff4df5, #ff4d9c);
}
Bayangan berwarna
.shadow-ff4df5 {
  box-shadow: 0 8px 24px rgb(255 77 245 / 0.35);
}

#ff00ff Fuchsia ΔE 4.75 #ff00ff Magenta ΔE 4.75 #ff77ff Fuchsia Pink ΔE 6.04 #df73ff Heliotrope ΔE 6.64 #da70d6 Orchid ΔE 7.02 #ee82ee Violet ΔE 7.81 #ff66cc Rose Pink ΔE 7.99 #00b20a Terbalik #9c9c9c Skala abu-abu 

Fuchsia
#ff4df5  rgb(255, 77, 245)  hsl(303, 100%, 65%)  Fuchsia
#4dff57  rgb(77, 255, 87)  hsl(123, 100%, 65%)  Neon Green
#f5ff4d  rgb(245, 255, 77)  hsl(63, 100%, 65%)  Laser Lemon
#4df5ff  rgb(77, 245, 255)  hsl(183, 100%, 65%)  Electric Blue