#263BAB#263BAB

#263BAB es un color oscuro y vivo de la familia azul. Luminancia relativa 0.065; OKLCH L 41.5% C 0.180 H 268.6°. El mejor color de texto es #FFFFFF con contraste 9.15:1 (cumple WCAG AA).

Valores del color

HEX	#263BAB
RGB	rgb(38, 59, 171)
HSL	hsl(231, 64%, 41%)
HSV	hsv(231, 78%, 67%)
CMYK	cmyk(77.8%, 65.5%, 0%, 32.9%)
CIE-LAB	lab(30.59, 32.93, -62.02)
CIE-LCH	lch(30.59, 70.22, 297.96°)
OKLab	oklab(41.46% -0.0043 -0.1795)
OKLCH	oklch(41.46% 0.18 268.6)
XYZ	xyz(9.7114, 6.4792, 39.2590)
Luminance	0.0648 (WCAG relative)
Temperature	cool
Family	blue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#263BAB #AB9626

analogous

#267DAB #263BAB #5326AB

triadic

#263BAB #AB263B #3BAB26

tetradic

#263BAB #AB267D #AB9626 #26AB53

square

#263BAB #AB267D #AB9626 #26AB53

split-complementary

#263BAB #AB5326 #7DAB26

monochromatic

#101847 #1B2A79 #263BAB #3B53D3 #6D7FDF

Accesibilidad y contraste

On white

9.15

#263BAB on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.30

#263BAB on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #263BAB

9.15:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##263BAB	#FFFFFF	#000000	##FFFFFF
##263BAB	1.00	9.15	2.30	9.15
#FFFFFF	9.15	1.00	21.00	1.00
#000000	2.30	21.00	1.00	21.00
##FFFFFF	9.15	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#004EAF

Deuteranopia (green-blind)

#0042A9

Tritanopia (blue-blind)

#00596D

Achromatopsia (no color)

#484848

Tokens de diseño y código

CSS

--color: #263bab;
/* rgb */ color: rgb(38, 59, 171);
/* oklch */ color: oklch(41.5% 0.180 268.6);

Tailwind

colors: {
  custom: {
    50: '#7671c5',
    500: '#263bab',
    950: '#000000',
  },
}

SCSS

$custom: #263bab;
$custom-light: #7671c5;
$custom-dark: #000000;

JSON

{
  "hex": "#263bab",
  "rgb": {
    "r": 38,
    "g": 59,
    "b": 171
  },
  "hsl": {
    "h": 230.526,
    "s": 63.636,
    "l": 40.98
  },
  "oklch": {
    "l": 0.41464,
    "c": 0.17951,
    "h": 268.6
  },
  "luminance": 0.0648
}

Semantic roles & 50–950 ramp

primary

#263BAB

secondary

#C5B668

accent

#CD41E7

background

#F7F6FC

surface

#EEECF8

border

#C9C7D1

text

#0A0713

muted

#7C7A82

Laboratorio de vista previa

Vista previa con #263BAB

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

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