#2E2C92#2E2C92

#2E2C92 is a dark, vivid blue. Relative luminance 0.045; OKLCH L 36.9% C 0.162 H 275.8°. Best body text is #FFFFFF at 11.10:1 contrast (WCAG AA passes).

Color values

HEX#2E2C92
RGBrgb(46, 44, 146)
HSLhsl(241, 54%, 37%)
HSVhsv(241, 70%, 57%)
CMYKcmyk(68.5%, 69.9%, 0%, 42.7%)
CIE-LABlab(25.13, 34.42, -55.77)
CIE-LCHlch(25.13, 65.54, 301.68°)
OKLaboklab(36.9% 0.0164 -0.161)
OKLCHoklch(36.9% 0.162 275.8)
XYZxyz(7.2140, 4.4569, 27.6686)
Luminance0.0446 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2E2C92 #90922C
analogous
#2C5D92 #2E2C92 #612C92
triadic
#2E2C92 #922E2C #2C922E
tetradic
#2E2C92 #922C5D #90922C #2C9261
square
#2E2C92 #922C5D #90922C #2C9261
split-complementary
#2E2C92 #92612C #5D922C
monochromatic
#101034 #1F1E63 #2E2C92 #3D3AC1 #6967D1

Accessibility & contrast

On white

11.10
#2E2C92 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.89
#2E2C92 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2E2C92
11.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2E2C92#FFFFFF#000000##FFFFFF
##2E2C921.0011.101.8911.10
#FFFFFF11.101.0021.001.00
#0000001.8921.001.0021.00
##FFFFFF11.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004095
Deuteranopia (green-blind)
#003790
Tritanopia (blue-blind)
#00475B
Achromatopsia (no color)
#3C3C3C

Design tokens & code

CSS
--color: #2e2c92;
/* rgb */ color: rgb(46, 44, 146);
/* oklch */ color: oklch(36.9% 0.162 275.8);
Tailwind
colors: {
  custom: {
    50: '#7566b3',
    500: '#2e2c92',
    950: '#000000',
  },
}
SCSS
$custom: #2e2c92;
$custom-light: #7566b3;
$custom-dark: #000000;
JSON
{
  "hex": "#2e2c92",
  "rgb": {
    "r": 46,
    "g": 44,
    "b": 146
  },
  "hsl": {
    "h": 241.176,
    "s": 53.684,
    "l": 37.255
  },
  "oklch": {
    "l": 0.36897,
    "c": 0.16188,
    "h": 275.8
  },
  "luminance": 0.04458
}

Semantic roles & 50–950 ramp

primary
#2E2C92
secondary
#B6B862
accent
#DD4BDA
background
#F7F6FB
surface
#EEEBF6
border
#C9C6D0
text
#090611
muted
#7B7A80

Preview Lab

Preview with #2E2C92

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

Preview Lab → · Contrast checker → · Palette generator →

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