#26475B#26475B

#26475B es un color oscuro y apagado de la familia cian. Luminancia relativa 0.057; OKLCH L 38.2% C 0.052 H 236.9°. El mejor color de texto es #FFFFFF con contraste 9.84:1 (cumple WCAG AA).

Valores del color

HEX	#26475B
RGB	rgb(38, 71, 91)
HSL	hsl(203, 41%, 25%)
HSV	hsv(203, 58%, 36%)
CMYK	cmyk(58.2%, 22%, 0%, 64.3%)
CIE-LAB	lab(28.57, -5.53, -15.53)
CIE-LCH	lch(28.57, 16.48, 250.40°)
OKLab	oklab(38.19% -0.0283 -0.0433)
OKLCH	oklch(38.19% 0.052 236.9)
XYZ	xyz(4.9402, 5.6735, 10.7303)
Luminance	0.0567 (WCAG relative)
Temperature	cool
Family	cyan

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#26475B #5B3A26

analogous

#265B54 #26475B #262C5B

triadic

#26475B #5B2647 #475B26

tetradic

#26475B #54265B #5B3A26 #2C5B26

square

#26475B #54265B #5B3A26 #2C5B26

split-complementary

#26475B #5B262C #5B5426

monochromatic

#091116 #142530 #26475B #386986 #4A8AB1

Accesibilidad y contraste

On white

9.84

#26475B on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.13

#26475B on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #26475B

9.84:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##26475B	#FFFFFF	#000000	##FFFFFF
##26475B	1.00	9.84	2.13	9.84
#FFFFFF	9.84	1.00	21.00	1.00
#000000	2.13	21.00	1.00	21.00
##FFFFFF	9.84	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#3E475C

Deuteranopia (green-blind)

#36415B

Tritanopia (blue-blind)

#034C4E

Achromatopsia (no color)

#434343

Tokens de diseño y código

CSS

--color: #26475b;
/* rgb */ color: rgb(38, 71, 91);
/* oklch */ color: oklch(38.2% 0.052 236.9);

Tailwind

colors: {
  custom: {
    50: '#657a89',
    500: '#26475b',
    950: '#000000',
  },
}

SCSS

$custom: #26475b;
$custom-light: #657a89;
$custom-dark: #000000;

JSON

{
  "hex": "#26475b",
  "rgb": {
    "r": 38,
    "g": 71,
    "b": 91
  },
  "hsl": {
    "h": 202.642,
    "s": 41.085,
    "l": 25.294
  },
  "oklch": {
    "l": 0.38186,
    "c": 0.05172,
    "h": 236.9
  },
  "luminance": 0.05674
}

Semantic roles & 50–950 ramp

primary

#26475B

secondary

#8E674F

accent

#8557D1

background

#F6F7F8

surface

#EBEDF0

border

#C6C8CB

text

#06090B

muted

#7A7B7C

Laboratorio de vista previa

Vista previa con #26475B

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

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