#FBC5D5#FBC5D5

#FBC5D5 es un color muy claro y moderadamente saturado de la familia rosa. Luminancia relativa 0.652; OKLCH L 87.6% C 0.065 H 358.9°. El mejor color de texto es #000000 con contraste 14.05:1 (cumple WCAG AA).

Valores del color

HEX#FBC5D5
RGBrgb(251, 197, 213)
HSLhsl(342, 87%, 88%)
HSVhsv(342, 22%, 98%)
CMYKcmyk(0%, 21.5%, 15.1%, 1.6%)
CIE-LABlab(84.61, 21.62, -0.57)
CIE-LCHlch(84.61, 21.62, 358.48°)
OKLaboklab(87.56% 0.0646 -0.0012)
OKLCHoklch(87.56% 0.065 358.9)
XYZxyz(71.7601, 65.2485, 71.7521)
Luminance0.6525 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#FBC5D5 #C5FBEB
analogous
#FBC5F0 #FBC5D5 #FBD0C5
triadic
#FBC5D5 #D5FBC5 #C5D5FB
tetradic
#FBC5D5 #F0FBC5 #C5FBEB #D0C5FB
square
#FBC5D5 #F0FBC5 #C5FBEB #D0C5FB
split-complementary
#FBC5D5 #C5FBD0 #C5F0FB
monochromatic
#F35282 #F78CAC #FBC5D5 #FDE2EA #FDE2EA

Accesibilidad y contraste

On white

1.49
#FBC5D5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.05
#FBC5D5 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #FBC5D5
14.05:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##FBC5D5#FFFFFF#000000##000000
##FBC5D51.001.4914.0514.05
#FFFFFF1.491.0021.0021.00
#00000014.0521.001.001.00
##00000014.0521.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#CBCED6
Deuteranopia (green-blind)
#D8D7D4
Tritanopia (blue-blind)
#FFC2CA
Achromatopsia (no color)
#D3D3D3

Tokens de diseño y código

CSS
--color: #fbc5d5;
/* rgb */ color: rgb(251, 197, 213);
/* oklch */ color: oklch(87.6% 0.065 358.9);
Tailwind
colors: {
  custom: {
    50: '#fdd6e1',
    500: '#fbc5d5',
    950: '#000000',
  },
}
SCSS
$custom: #fbc5d5;
$custom-light: #fdd6e1;
$custom-dark: #000000;
JSON
{
  "hex": "#fbc5d5",
  "rgb": {
    "r": 251,
    "g": 197,
    "b": 213
  },
  "hsl": {
    "h": 342.222,
    "s": 87.097,
    "l": 87.843
  },
  "oklch": {
    "l": 0.87562,
    "c": 0.06463,
    "h": 358.9
  },
  "luminance": 0.65246
}

Semantic roles & 50–950 ramp

primary
#FBC5D5
secondary
#83E1C5
accent
#E4A102
background
#FFFEFE
surface
#FFFBFC
border
#D7D4D5
text
#171415
muted
#858384

Laboratorio de vista previa

Vista previa con #FBC5D5

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

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

#FBC5D5 — Tintiva