#979955#979955

#979955 es un color claro y moderadamente saturado de la familia amarillo. Luminancia relativa 0.300; OKLCH L 66.6% C 0.091 H 110.1°. El mejor color de texto es #000000 con contraste 7.00:1 (cumple WCAG AA).

Valores del color

HEX	#979955
RGB	rgb(151, 153, 85)
HSL	hsl(62, 29%, 47%)
HSV	hsv(62, 44%, 60%)
CMYK	cmyk(1.3%, 0%, 44.4%, 40%)
CIE-LAB	lab(61.67, -11.07, 35.36)
CIE-LCH	lch(61.67, 37.05, 107.38°)
OKLab	oklab(66.57% -0.0311 0.0851)
OKLCH	oklch(66.57% 0.091 110.1)
XYZ	xyz(25.7938, 30.0182, 13.0279)
Luminance	0.3002 (WCAG relative)
Temperature	warm
Family	yellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#979955 #575599

analogous

#997955 #979955 #759955

triadic

#979955 #559799 #995597

tetradic

#979955 #559979 #575599 #995575

square

#979955 #559979 #575599 #995575

split-complementary

#979955 #557599 #795599

monochromatic

#494A29 #70723F #979955 #B2B477 #C8CA9F

Accesibilidad y contraste

On white

3.00

#979955 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

7.00

#979955 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #979955

7.00:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##979955	#FFFFFF	#000000	##000000
##979955	1.00	3.00	7.00	7.00
#FFFFFF	3.00	1.00	21.00	21.00
#000000	7.00	21.00	1.00	1.00
##000000	7.00	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#A3944F

Deuteranopia (green-blind)

#A39658

Tritanopia (blue-blind)

#9F9289

Achromatopsia (no color)

#959595

Tokens de diseño y código

CSS

--color: #979955;
/* rgb */ color: rgb(151, 153, 85);
/* oklch */ color: oklch(66.6% 0.091 110.1);

Tailwind

colors: {
  custom: {
    50: '#b7b686',
    500: '#979955',
    950: '#000000',
  },
}

SCSS

$custom: #979955;
$custom-light: #b7b686;
$custom-dark: #000000;

JSON

{
  "hex": "#979955",
  "rgb": {
    "r": 151,
    "g": 153,
    "b": 85
  },
  "hsl": {
    "h": 61.765,
    "s": 28.571,
    "l": 46.667
  },
  "oklch": {
    "l": 0.6657,
    "c": 0.09061,
    "h": 110.1
  },
  "luminance": 0.30018
}

Semantic roles & 50–950 ramp

primary

#979955

secondary

#9493B7

accent

#63C566

background

#FBFBF8

surface

#F6F6EF

border

#D0D0CA

text

#11110B

muted

#80807C

Laboratorio de vista previa

Vista previa con #979955

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

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