#296EAE#296EAE

#296EAE es un color medio y vivo de la familia cian. Luminancia relativa 0.147; OKLCH L 52.7% C 0.122 H 250.0°. El mejor color de texto es #FFFFFF con contraste 5.34:1 (cumple WCAG AA).

Valores del color

HEX	#296EAE
RGB	rgb(41, 110, 174)
HSL	hsl(209, 62%, 42%)
HSV	hsv(209, 76%, 68%)
CMYK	cmyk(76.4%, 36.8%, 0%, 31.8%)
CIE-LAB	lab(45.19, 1.11, -40.23)
CIE-LCH	lch(45.19, 40.25, 271.58°)
OKLab	oklab(52.69% -0.0418 -0.1146)
OKLCH	oklch(52.69% 0.122 250)
XYZ	xyz(14.1275, 14.6776, 42.1247)
Luminance	0.1468 (WCAG relative)
Temperature	cool
Family	cyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#296EAE #AE6929

analogous

#29AEAB #296EAE #292CAE

triadic

#296EAE #AE296E #6EAE29

tetradic

#296EAE #AB29AE #AE6929 #2CAE29

square

#296EAE #AB29AE #AE6929 #2CAE29

split-complementary

#296EAE #AE292C #AEAB29

monochromatic

#122F4B #1D4F7C #296EAE #428DD2 #73ABDE

Accesibilidad y contraste

On white

5.34

#296EAE on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.94

#296EAE on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #296EAE

5.34:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##296EAE	#FFFFFF	#000000	##FFFFFF
##296EAE	1.00	5.34	3.94	5.34
#FFFFFF	5.34	1.00	21.00	1.00
#000000	3.94	21.00	1.00	21.00
##FFFFFF	5.34	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#5072B1

Deuteranopia (green-blind)

#3C65AD

Tritanopia (blue-blind)

#007D86

Achromatopsia (no color)

#6B6B6B

Tokens de diseño y código

CSS

--color: #296eae;
/* rgb */ color: rgb(41, 110, 174);
/* oklch */ color: oklch(52.7% 0.122 250.0);

Tailwind

colors: {
  custom: {
    50: '#7697c6',
    500: '#296eae',
    950: '#000000',
  },
}

SCSS

$custom: #296eae;
$custom-light: #7697c6;
$custom-dark: #000000;

JSON

{
  "hex": "#296eae",
  "rgb": {
    "r": 41,
    "g": 110,
    "b": 174
  },
  "hsl": {
    "h": 208.872,
    "s": 61.86,
    "l": 42.157
  },
  "oklch": {
    "l": 0.52693,
    "c": 0.12194,
    "h": 250
  },
  "luminance": 0.14679
}

Semantic roles & 50–950 ramp

primary

#296EAE

secondary

#C5986D

accent

#9143E5

background

#F7F9FC

surface

#EEF2F8

border

#C9CCD1

text

#0A0D13

muted

#7C7E82

Laboratorio de vista previa

Vista previa con #296EAE

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

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