#FA6BC4#FA6BC4

#FA6BC4 es un color claro y vivo de la familia rosa. Luminancia relativa 0.348; OKLCH L 73.0% C 0.199 H 344.9°. El mejor color de texto es #000000 con contraste 7.97:1 (cumple WCAG AA).

Valores del color

HEX#FA6BC4
RGBrgb(250, 107, 196)
HSLhsl(323, 93%, 70%)
HSVhsv(323, 57%, 98%)
CMYKcmyk(0%, 57.2%, 21.6%, 2%)
CIE-LABlab(65.62, 63.97, -19.58)
CIE-LCHlch(65.62, 66.90, 342.98°)
OKLaboklab(72.96% 0.1918 -0.0519)
OKLCHoklch(72.96% 0.199 344.9)
XYZxyz(54.6474, 34.8298, 56.0586)
Luminance0.3483 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#FA6BC4 #6BFAA1
analogous
#E86BFA #FA6BC4 #FA6B7D
triadic
#FA6BC4 #C4FA6B #6BC4FA
tetradic
#FA6BC4 #FAE86B #6BFAA1 #6B7DFA
square
#FA6BC4 #FAE86B #6BFAA1 #6B7DFA
split-complementary
#FA6BC4 #7DFA6B #6BFAE8
monochromatic
#E30890 #F830AC #FA6BC4 #FCA6DC #FEE1F3

Accesibilidad y contraste

On white

2.64
#FA6BC4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.97
#FA6BC4 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #FA6BC4
7.97:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##FA6BC4#FFFFFF#000000##000000
##FA6BC41.002.647.977.97
#FFFFFF2.641.0021.0021.00
#0000007.9721.001.001.00
##0000007.9721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#7890C7
Deuteranopia (green-blind)
#A0A8C0
Tritanopia (blue-blind)
#FF6A8F
Achromatopsia (no color)
#9F9F9F

Tokens de diseño y código

CSS
--color: #fa6bc4;
/* rgb */ color: rgb(250, 107, 196);
/* oklch */ color: oklch(73.0% 0.199 344.9);
Tailwind
colors: {
  custom: {
    50: '#ff9cd6',
    500: '#fa6bc4',
    950: '#000000',
  },
}
SCSS
$custom: #fa6bc4;
$custom-light: #ff9cd6;
$custom-dark: #000000;
JSON
{
  "hex": "#fa6bc4",
  "rgb": {
    "r": 250,
    "g": 107,
    "b": 196
  },
  "hsl": {
    "h": 322.657,
    "s": 93.464,
    "l": 70
  },
  "oklch": {
    "l": 0.72959,
    "c": 0.19871,
    "h": 344.9
  },
  "luminance": 0.34825
}

Semantic roles & 50–950 ramp

primary
#FA6BC4
secondary
#CCF4DB
accent
#E65700
background
#FFF9FD
surface
#FFF2FA
border
#D7CCD3
text
#180F14
muted
#867E83

Laboratorio de vista previa

Vista previa con #FA6BC4

Body copy rendered with the generated semantic roles for this colour.

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#FA6BC4 — Tintiva