#69674F#69674F

#69674F es un color medio y apagado de la familia amarillo. Luminancia relativa 0.133; OKLCH L 50.9% C 0.036 H 103.6°. El mejor color de texto es #FFFFFF con contraste 5.75:1 (cumple WCAG AA).

Valores del color

HEX	#69674F
RGB	rgb(105, 103, 79)
HSL	hsl(55, 14%, 36%)
HSV	hsv(55, 25%, 41%)
CMYK	cmyk(0%, 1.9%, 24.8%, 58.8%)
CIE-LAB	lab(43.17, -3.58, 13.87)
CIE-LCH	lch(43.17, 14.32, 104.49°)
OKLab	oklab(50.88% -0.0085 0.0352)
OKLCH	oklch(50.88% 0.036 103.6)
XYZ	xyz(12.0872, 13.2685, 9.3199)
Luminance	0.1327 (WCAG relative)
Temperature	warm
Family	yellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#69674F #4F5169

analogous

#695A4F #69674F #5E694F

triadic

#69674F #4F6967 #674F69

tetradic

#69674F #4F695A #4F5169 #694F5E

square

#69674F #4F695A #4F5169 #694F5E

split-complementary

#69674F #4F5E69 #5A4F69

monochromatic

#23221A #464535 #69674F #8C8969 #A8A58B

Accesibilidad y contraste

On white

5.75

#69674F on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.65

#69674F on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #69674F

5.75:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##69674F	#FFFFFF	#000000	##FFFFFF
##69674F	1.00	5.75	3.65	5.75
#FFFFFF	5.75	1.00	21.00	1.00
#000000	3.65	21.00	1.00	21.00
##FFFFFF	5.75	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#6B654D

Deuteranopia (green-blind)

#6C6750

Tritanopia (blue-blind)

#6D6460

Achromatopsia (no color)

#666666

Tokens de diseño y código

CSS

--color: #69674f;
/* rgb */ color: rgb(105, 103, 79);
/* oklch */ color: oklch(50.9% 0.036 103.6);

Tailwind

colors: {
  custom: {
    50: '#949280',
    500: '#69674f',
    950: '#000000',
  },
}

SCSS

$custom: #69674f;
$custom-light: #949280;
$custom-dark: #000000;

JSON

{
  "hex": "#69674f",
  "rgb": {
    "r": 105,
    "g": 103,
    "b": 79
  },
  "hsl": {
    "h": 55.385,
    "s": 14.13,
    "l": 36.078
  },
  "oklch": {
    "l": 0.50878,
    "c": 0.03623,
    "h": 103.6
  },
  "luminance": 0.13268
}

Semantic roles & 50–950 ramp

primary

#69674F

secondary

#7E8095

accent

#76B771

background

#F9F8F7

surface

#F1F0EE

border

#CBCBC9

text

#0D0D0A

muted

#7E7D7C

Laboratorio de vista previa

Vista previa con #69674F

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

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