#2E2A66#2E2A66

#2E2A66 is a dark, moderate blue. Relative luminance 0.032; OKLCH L 32.6% C 0.102 H 282.1°. Best body text is #FFFFFF at 12.81:1 contrast (WCAG AA passes).

Color values

HEX#2E2A66
RGBrgb(46, 42, 102)
HSLhsl(244, 42%, 28%)
HSVhsv(244, 59%, 40%)
CMYKcmyk(54.9%, 58.8%, 0%, 60%)
CIE-LABlab(20.81, 20.21, -34.90)
CIE-LCHlch(20.81, 40.33, 300.07°)
OKLaboklab(32.55% 0.0214 -0.0998)
OKLCHoklch(32.55% 0.102 282.1)
XYZxyz(4.3522, 3.1958, 12.9553)
Luminance0.0320 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2E2A66 #62662A
analogous
#2A4466 #2E2A66 #4C2A66
triadic
#2E2A66 #662E2A #2A662E
tetradic
#2E2A66 #662A44 #62662A #2A664C
square
#2E2A66 #662A44 #62662A #2A664C
split-complementary
#2E2A66 #664C2A #44662A
monochromatic
#0A0916 #1A183B #2E2A66 #423C91 #5952B8

Accessibility & contrast

On white

12.81
#2E2A66 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.64
#2E2A66 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2E2A66
12.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2E2A66#FFFFFF#000000##FFFFFF
##2E2A661.0012.811.6412.81
#FFFFFF12.811.0021.001.00
#0000001.6421.001.0021.00
##FFFFFF12.811.0021.001.00

Color blindness preview

Protanopia (red-blind)
#043468
Deuteranopia (green-blind)
#003065
Tritanopia (blue-blind)
#173843
Achromatopsia (no color)
#323232

Design tokens & code

CSS
--color: #2e2a66;
/* rgb */ color: rgb(46, 42, 102);
/* oklch */ color: oklch(32.6% 0.102 282.1);
Tailwind
colors: {
  custom: {
    50: '#6c6392',
    500: '#2e2a66',
    950: '#000000',
  },
}
SCSS
$custom: #2e2a66;
$custom-light: #6c6392;
$custom-dark: #000000;
JSON
{
  "hex": "#2e2a66",
  "rgb": {
    "r": 46,
    "g": 42,
    "b": 102
  },
  "hsl": {
    "h": 244,
    "s": 41.667,
    "l": 28.235
  },
  "oklch": {
    "l": 0.32553,
    "c": 0.10206,
    "h": 282.1
  },
  "luminance": 0.03196
}

Semantic roles & 50–950 ramp

primary
#2E2A66
secondary
#949854
accent
#D156C9
background
#F6F5F9
surface
#ECEAF1
border
#C7C6CB
text
#07050D
muted
#7A797E

Preview Lab

Preview with #2E2A66

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

Preview Lab → · Contrast checker → · Palette generator →

#2E2A66 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva