ColorTool
Masuk
#F7A4FF

#f7a4ff ≈ Mauve

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

#f7a4ff adalah warna dari keluarga “magenta”, dengan kecerahan sangat tinggi dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 96,86% merah, 64,31% hijau, dan 100% biru; saat dicetak CMYK memakai 3,14% sian, 35,69% magenta, 0% kuning, dan 0% hitam. Sudut ronanya 294,73°, dengan saturasi 100% dan kecerahan 82,16% 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 palet pastel lembut. Teks hitam di atas warna ini mencapai rasio kontras 11,71:1 (WCAG AAA). Warna bernama terdekat adalah Mauve (#e0b0ff), ΔE 5,7.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #f7a4ff
  2. #acffa4

Komplementer terbelah

  1. #f7a4ff
  2. #d9ffa4
  3. #a4ffca

Analog

  1. #caa4ff
  2. #f7a4ff
  3. #ffa4d9

Triadik

  1. #f7a4ff
  2. #fff7a4
  3. #a4fff7

Tetradik

  1. #f7a4ff
  2. #ffa4ac
  3. #acffa4
  4. #a4fff7

Persegi

  1. #f7a4ff
  2. #ffcaa4
  3. #acffa4
  4. #a4d9ff

Monokromatik

  1. #ea0bff
  2. #f058ff
  3. #f7a4ff
  4. #fdebff
  5. #fdebff

Bayangan

#f7a4ff dicampur bertahap dengan hitam.

  1. #f7a4ff
  2. #de94e6
  3. #c683cc
  4. #ad73b3
  5. #946299
  6. #7c5280
  7. #634266
  8. #4a314d
  9. #312133
  10. #19101a
  11. #000000

Tint

#f7a4ff dicampur bertahap dengan putih.

  1. #f7a4ff
  2. #f8adff
  3. #f9b6ff
  4. #f9bfff
  5. #fac8ff
  6. #fbd2ff
  7. #fcdbff
  8. #fde4ff
  9. #fdedff
  10. #fef6ff
  11. #ffffff

Nada

#f7a4ff dicampur bertahap dengan abu-abu.

  1. #f7a4ff
  2. #eba0f2
  3. #df9de6
  4. #d399d9
  5. #c796cc
  6. #bc92c0
  7. #b08eb3
  8. #a48ba6
  9. #988799
  10. #8c848d
  11. #808080

Teks mudah dibaca 1.79:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 11.71:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #c1c1c1 ≈ 0.003% pria
Akromatomali #d9b6dd ≈ 0.001% pria
Protanopia #9bbbff ≈ 1.01% pria
Deuteranopia #b0c5fc ≈ 1.27% pria
Tritanopia #fbadc6 ≈ 0.0001% pria
Protanomali #c7b2ff ≈ 1.08% pria
Deuteranomali #d0b9fd ≈ 4.63% pria
Tritanomali #f9aadf ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-f7a4ff {
  color: #f7a4ff;
}
Latar
.bg-f7a4ff {
  background-color: #f7a4ff;
  color: #000000;
}
Garis tepi
.border-f7a4ff {
  border: 2px solid #f7a4ff;
}
Variabel CSS
:root {
  --color-primary: #f7a4ff;
  --color-primary-rgb: 247 164 255;
  --color-primary-hsl: 295 100% 82%;
}
Gradien
.gradient-f7a4ff {
  background: linear-gradient(135deg, #f7a4ff, #ffa4d9);
}
Bayangan berwarna
.shadow-f7a4ff {
  box-shadow: 0 8px 24px rgb(247 164 255 / 0.35);
}

#e0b0ff Mauve ΔE 5.70 #dda0dd Plum ΔE 6.35 #ee82ee Violet ΔE 7.18 #ff77ff Fuchsia Pink ΔE 8.70 #c9a0dc Wisteria ΔE 8.78 #df73ff Heliotrope ΔE 11.50 #c8a2c8 Lilac ΔE 12.13 #085b00 Terbalik #c1c1c1 Skala abu-abu 

Mauve
#f7a4ff  rgb(247, 164, 255)  hsl(295, 100%, 82%)  Mauve
#acffa4  rgb(172, 255, 164)  hsl(115, 100%, 82%)  Pale Green
#fff7a4  rgb(255, 247, 164)  hsl(55, 100%, 82%)  Pastel Yellow
#a4fff7  rgb(164, 255, 247)  hsl(175, 100%, 82%)  Celeste