#C4D799#C4D799

#C4D799 es un color muy claro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.626; OKLCH L 85.0% C 0.085 H 122.0°. El mejor color de texto es #000000 con contraste 13.53:1 (cumple WCAG AA).

Valores del color

HEX	#C4D799
RGB	rgb(196, 215, 153)
HSL	hsl(78, 44%, 72%)
HSV	hsv(78, 29%, 84%)
CMYK	cmyk(8.8%, 0%, 28.8%, 15.7%)
CIE-LAB	lab(83.25, -16.74, 28.56)
CIE-LCH	lch(83.25, 33.10, 120.38°)
OKLab	oklab(84.97% -0.0449 0.0717)
OKLCH	oklch(84.97% 0.085 122)
XYZ	xyz(52.8147, 62.6365, 39.4385)
Luminance	0.6264 (WCAG relative)
Temperature	warm
Family	yellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#C4D799 #AC99D7

analogous

#D7CB99 #C4D799 #A5D799

triadic

#C4D799 #99C4D7 #D799C4

tetradic

#C4D799 #99D7CB #AC99D7 #D799A5

square

#C4D799 #99D7CB #AC99D7 #D799A5

split-complementary

#C4D799 #99A5D7 #CB99D7

monochromatic

#90B045 #ABC66D #C4D799 #DDE8C5 #F2F6E9

Accesibilidad y contraste

On white

1.55

#C4D799 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.53

#C4D799 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #C4D799

13.53:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##C4D799	#FFFFFF	#000000	##000000
##C4D799	1.00	1.55	13.53	13.53
#FFFFFF	1.55	1.00	21.00	21.00
#000000	13.53	21.00	1.00	1.00
##000000	13.53	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#DED095

Deuteranopia (green-blind)

#DCCF9C

Tritanopia (blue-blind)

#C9D1C7

Achromatopsia (no color)

#CFCFCF

Tokens de diseño y código

CSS

--color: #c4d799;
/* rgb */ color: rgb(196, 215, 153);
/* oklch */ color: oklch(85.0% 0.085 122.0);

Tailwind

colors: {
  custom: {
    50: '#d6e3b7',
    500: '#c4d799',
    950: '#000000',
  },
}

SCSS

$custom: #c4d799;
$custom-light: #d6e3b7;
$custom-dark: #000000;

JSON

{
  "hex": "#c4d799",
  "rgb": {
    "r": 196,
    "g": 215,
    "b": 153
  },
  "hsl": {
    "h": 78.387,
    "s": 43.662,
    "l": 72.157
  },
  "oklch": {
    "l": 0.84967,
    "c": 0.08459,
    "h": 122
  },
  "luminance": 0.62637
}

Semantic roles & 50–950 ramp

primary

#C4D799

secondary

#7C66AE

accent

#2FB758

background

#FEFEFD

surface

#FBFCF8

border

#D4D5D1

text

#141511

muted

#838481

Laboratorio de vista previa

Vista previa con #C4D799

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

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