#2D2E9C#2D2E9C

#2D2E9C is a dark, vivid blue. Relative luminance 0.049; OKLCH L 38.1% C 0.173 H 274.1°. Best body text is #FFFFFF at 10.59:1 contrast (WCAG AA passes).

Color values

HEX#2D2E9C
RGBrgb(45, 46, 156)
HSLhsl(239, 55%, 39%)
HSVhsv(239, 71%, 61%)
CMYKcmyk(71.2%, 70.5%, 0%, 38.8%)
CIE-LABlab(26.48, 36.54, -59.69)
CIE-LCHlch(26.48, 69.98, 301.48°)
OKLaboklab(38.15% 0.0124 -0.1725)
OKLCHoklch(38.15% 0.173 274.1)
XYZxyz(8.0579, 4.9114, 31.9694)
Luminance0.0491 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2D2E9C #9C9B2D
analogous
#2D669C #2D2E9C #632D9C
triadic
#2D2E9C #9C2D2E #2E9C2D
tetradic
#2D2E9C #9C2D66 #9C9B2D #2D9C63
square
#2D2E9C #9C2D66 #9C9B2D #2D9C63
split-complementary
#2D2E9C #9C632D #669C2D
monochromatic
#12123D #1F206D #2D2E9C #3F40C8 #6E6FD5

Accessibility & contrast

On white

10.59
#2D2E9C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.98
#2D2E9C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2D2E9C
10.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2D2E9C#FFFFFF#000000##FFFFFF
##2D2E9C1.0010.591.9810.59
#FFFFFF10.591.0021.001.00
#0000001.9821.001.0021.00
##FFFFFF10.591.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00449F
Deuteranopia (green-blind)
#00399A
Tritanopia (blue-blind)
#004C61
Achromatopsia (no color)
#3F3F3F

Design tokens & code

CSS
--color: #2d2e9c;
/* rgb */ color: rgb(45, 46, 156);
/* oklch */ color: oklch(38.1% 0.173 274.1);
Tailwind
colors: {
  custom: {
    50: '#7667ba',
    500: '#2d2e9c',
    950: '#000000',
  },
}
SCSS
$custom: #2d2e9c;
$custom-light: #7667ba;
$custom-dark: #000000;
JSON
{
  "hex": "#2d2e9c",
  "rgb": {
    "r": 45,
    "g": 46,
    "b": 156
  },
  "hsl": {
    "h": 239.459,
    "s": 55.224,
    "l": 39.412
  },
  "oklch": {
    "l": 0.38148,
    "c": 0.17297,
    "h": 274.1
  },
  "luminance": 0.04912
}

Semantic roles & 50–950 ramp

primary
#2D2E9C
secondary
#BCBC68
accent
#DD49DF
background
#F7F6FB
surface
#EEEBF6
border
#C9C6D0
text
#0A0612
muted
#7C7A81

Preview Lab

Preview with #2D2E9C

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

Preview Lab → · Contrast checker → · Palette generator →

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