#2C3264#2C3264

#2C3264 is a dark, moderate blue. Relative luminance 0.037; OKLCH L 33.9% C 0.087 H 275.6°. Best body text is #FFFFFF at 12.02:1 contrast (WCAG AA passes).

Color values

HEX#2C3264
RGBrgb(44, 50, 100)
HSLhsl(234, 39%, 28%)
HSVhsv(234, 56%, 39%)
CMYKcmyk(56%, 50%, 0%, 60.8%)
CIE-LABlab(22.78, 13.44, -30.44)
CIE-LCHlch(22.78, 33.28, 293.82°)
OKLaboklab(33.94% 0.0085 -0.0867)
OKLCHoklch(33.94% 0.087 275.6)
XYZxyz(4.4788, 3.7365, 12.5393)
Luminance0.0374 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2C3264 #645E2C
analogous
#2C4E64 #2C3264 #422C64
triadic
#2C3264 #642C32 #32642C
tetradic
#2C3264 #642C4E #645E2C #2C6442
square
#2C3264 #642C4E #645E2C #2C6442
split-complementary
#2C3264 #64422C #4E642C
monochromatic
#090B15 #191D39 #2C3264 #3F478E #5660B5

Accessibility & contrast

On white

12.02
#2C3264 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.75
#2C3264 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2C3264
12.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2C3264#FFFFFF#000000##FFFFFF
##2C32641.0012.021.7512.02
#FFFFFF12.021.0021.001.00
#0000001.7521.001.0021.00
##FFFFFF12.021.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1C3966
Deuteranopia (green-blind)
#153463
Tritanopia (blue-blind)
#133D46
Achromatopsia (no color)
#363636

Design tokens & code

CSS
--color: #2c3264;
/* rgb */ color: rgb(44, 50, 100);
/* oklch */ color: oklch(33.9% 0.087 275.6);
Tailwind
colors: {
  custom: {
    50: '#6a6990',
    500: '#2c3264',
    950: '#000000',
  },
}
SCSS
$custom: #2c3264;
$custom-light: #6a6990;
$custom-dark: #000000;
JSON
{
  "hex": "#2c3264",
  "rgb": {
    "r": 44,
    "g": 50,
    "b": 100
  },
  "hsl": {
    "h": 233.571,
    "s": 38.889,
    "l": 28.235
  },
  "oklch": {
    "l": 0.33944,
    "c": 0.08708,
    "h": 275.6
  },
  "luminance": 0.03737
}

Semantic roles & 50–950 ramp

primary
#2C3264
secondary
#968F56
accent
#C259CF
background
#F6F6F8
surface
#EBEBF0
border
#C6C6CB
text
#07060C
muted
#7A7A7D

Preview Lab

Preview with #2C3264

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

Preview Lab → · Contrast checker → · Palette generator →

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