#2E4B65#2E4B65

#2E4B65 es un color oscuro y apagado de la familia cian. Luminancia relativa 0.066; OKLCH L 40.2% C 0.056 H 246.8°. El mejor color de texto es #FFFFFF con contraste 9.09:1 (cumple WCAG AA).

Valores del color

HEX#2E4B65
RGBrgb(46, 75, 101)
HSLhsl(208, 37%, 29%)
HSVhsv(208, 54%, 40%)
CMYKcmyk(54.5%, 25.7%, 0%, 60.4%)
CIE-LABlab(30.76, -2.59, -18.50)
CIE-LCHlch(30.76, 18.68, 262.04°)
OKLaboklab(40.18% -0.0222 -0.0517)
OKLCHoklch(40.18% 0.056 246.8)
XYZxyz(5.9909, 6.5521, 13.2584)
Luminance0.0655 (WCAG relative)
Temperaturecool
Familycyan

Colores con nombre más cercanos

Dark Slate Blue
#214761
ΔE00 2.59
Dark Grey Blue
#29465B
ΔE00 2.85
Prussian Blue
#004577
ΔE00 5.73
Light Navy
#155084
ΔE00 5.87
Twilight Blue
#0A437A
ΔE00 6.14
Dark Blue Grey
#1F3B4D
ΔE00 6.30

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#2E4B65 #65482E
analogous
#2E6564 #2E4B65 #2E3065
triadic
#2E4B65 #652E4B #4B652E
tetradic
#2E4B65 #642E65 #65482E #30652E
square
#2E4B65 #642E65 #65482E #30652E
split-complementary
#2E4B65 #652E30 #65642E
monochromatic
#0A1015 #1B2C3B #2E4B65 #416A8F #5A89B4

Accesibilidad y contraste

On white

9.09
#2E4B65 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.31
#2E4B65 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #2E4B65
9.09:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##2E4B65#FFFFFF#000000##FFFFFF
##2E4B651.009.092.319.09
#FFFFFF9.091.0021.001.00
#0000002.3121.001.0021.00
##FFFFFF9.091.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#404C66
Deuteranopia (green-blind)
#394665
Tritanopia (blue-blind)
#115154
Achromatopsia (no color)
#484848

Tokens de diseño y código

CSS
--color: #2e4b65;
/* rgb */ color: rgb(46, 75, 101);
/* oklch */ color: oklch(40.2% 0.056 246.8);
Tailwind
colors: {
  custom: {
    50: '#6b7d91',
    500: '#2e4b65',
    950: '#000000',
  },
}
SCSS
$custom: #2e4b65;
$custom-light: #6b7d91;
$custom-dark: #000000;
JSON
{
  "hex": "#2e4b65",
  "rgb": {
    "r": 46,
    "g": 75,
    "b": 101
  },
  "hsl": {
    "h": 208.364,
    "s": 37.415,
    "l": 28.824
  },
  "oklch": {
    "l": 0.40184,
    "c": 0.05626,
    "h": 246.8
  },
  "luminance": 0.06553
}

Semantic roles & 50–950 ramp

primary
#2E4B65
secondary
#977658
accent
#915ACD
background
#F6F7F8
surface
#EBEEF0
border
#C6C9CB
text
#07090C
muted
#7A7B7D

Laboratorio de vista previa

Vista previa con #2E4B65

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

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

#2E4B65 — Tintiva