#FDD0CF#FDD0CF

#FDD0CF es un color muy claro y apagado de la familia rojo. Luminancia relativa 0.705; OKLCH L 89.6% C 0.051 H 19.6°. El mejor color de texto es #000000 con contraste 15.10:1 (cumple WCAG AA).

Valores del color

HEX	#FDD0CF
RGB	rgb(253, 208, 207)
HSL	hsl(1, 92%, 90%)
HSV	hsv(1, 18%, 99%)
CMYK	cmyk(0%, 17.8%, 18.2%, 0.8%)
CIE-LAB	lab(87.24, 15.64, 6.46)
CIE-LCH	lch(87.24, 16.92, 22.43°)
OKLab	oklab(89.6% 0.048 0.0171)
OKLCH	oklch(89.6% 0.051 19.6)
XYZ	xyz(74.3265, 70.5020, 68.7124)
Luminance	0.7050 (WCAG relative)
Temperature	warm
Family	red

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#FDD0CF #CFFCFD

analogous

#FDCFE5 #FDD0CF #FDE7CF

triadic

#FDD0CF #CFFDD0 #D0CFFD

tetradic

#FDD0CF #E5FDCF #CFFCFD #E7CFFD

square

#FDD0CF #E5FDCF #CFFCFD #E7CFFD

split-complementary

#FDD0CF #CFFDE7 #CFE5FD

monochromatic

#F85D59 #FB9694 #FDD0CF #FEE2E2 #FEE2E2

Accesibilidad y contraste

On white

1.39

#FDD0CF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.10

#FDD0CF on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #FDD0CF

15.10:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##FDD0CF	#FFFFFF	#000000	##000000
##FDD0CF	1.00	1.39	15.10	15.10
#FFFFFF	1.39	1.00	21.00	21.00
#000000	15.10	21.00	1.00	1.00
##000000	15.10	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#D8D6CF

Deuteranopia (green-blind)

#E2DECE

Tritanopia (blue-blind)

#FFCCD0

Achromatopsia (no color)

#DBDBDB

Tokens de diseño y código

CSS

--color: #fdd0cf;
/* rgb */ color: rgb(253, 208, 207);
/* oklch */ color: oklch(89.6% 0.051 19.6);

Tailwind

colors: {
  custom: {
    50: '#fededd',
    500: '#fdd0cf',
    950: '#000000',
  },
}

SCSS

$custom: #fdd0cf;
$custom-light: #fededd;
$custom-dark: #000000;

JSON

{
  "hex": "#fdd0cf",
  "rgb": {
    "r": 253,
    "g": 208,
    "b": 207
  },
  "hsl": {
    "h": 1.304,
    "s": 92,
    "l": 90.196
  },
  "oklch": {
    "l": 0.89596,
    "c": 0.05092,
    "h": 19.6
  },
  "luminance": 0.70499
}

Semantic roles & 50–950 ramp

primary

#FDD0CF

secondary

#8AE4E6

accent

#E1E600

background

#FFFEFE

surface

#FFFCFC

border

#D7D5D5

text

#181515

muted

#868484

Laboratorio de vista previa

Vista previa con #FDD0CF

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

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