#3621AA#3621AA

#3621AA is a dark, highly saturated blue. Relative luminance 0.048; OKLCH L 38.5% C 0.201 H 278.2°. Best body text is #FFFFFF at 10.74:1 contrast (WCAG AA passes).

Color values

HEX	#3621AA
RGB	rgb(54, 33, 170)
HSL	hsl(249, 67%, 40%)
HSV	hsv(249, 81%, 67%)
CMYK	cmyk(68.2%, 80.6%, 0%, 33.3%)
CIE-LAB	lab(26.08, 49.18, -68.82)
CIE-LCH	lch(26.08, 84.58, 305.55°)
OKLab	oklab(38.47% 0.0286 -0.1988)
OKLCH	oklch(38.47% 0.201 278.2)
XYZ	xyz(9.3185, 4.7735, 38.4527)
Luminance	0.0477 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#3621AA #95AA21

analogous

#2151AA #3621AA #7B21AA

triadic

#3621AA #AA3621 #21AA36

tetradic

#3621AA #AA2151 #95AA21 #21AA7B

square

#3621AA #AA2151 #95AA21 #21AA7B

split-complementary

#3621AA #AA7B21 #51AA21

monochromatic

#150D43 #261777 #3621AA #4B31D7 #7864E1

Accessibility & contrast

On white

10.74

#3621AA on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.95

#3621AA on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #3621AA

10.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##3621AA	#FFFFFF	#000000	##FFFFFF
##3621AA	1.00	10.74	1.95	10.74
#FFFFFF	10.74	1.00	21.00	1.00
#000000	1.95	21.00	1.00	21.00
##FFFFFF	10.74	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0043AE

Deuteranopia (green-blind)

#0038A8

Tritanopia (blue-blind)

#004B66

Achromatopsia (no color)

#3E3E3E

Design tokens & code

CSS

--color: #3621aa;
/* rgb */ color: rgb(54, 33, 170);
/* oklch */ color: oklch(38.5% 0.201 278.2);

Tailwind

colors: {
  custom: {
    50: '#7e61c5',
    500: '#3621aa',
    950: '#000000',
  },
}

SCSS

$custom: #3621aa;
$custom-light: #7e61c5;
$custom-dark: #000000;

JSON

{
  "hex": "#3621aa",
  "rgb": {
    "r": 54,
    "g": 33,
    "b": 170
  },
  "hsl": {
    "h": 249.197,
    "s": 67.488,
    "l": 39.804
  },
  "oklch": {
    "l": 0.38471,
    "c": 0.20084,
    "h": 278.2
  },
  "luminance": 0.04774
}

Semantic roles & 50–950 ramp

primary

#3621AA

secondary

#B7C661

accent

#EA3DD0

background

#F8F5FC

surface

#F0EAF8

border

#CBC6D1

text

#0B0513

muted

#7C7982

Preview Lab

Preview with #3621AA

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

Preview Lab → · Contrast checker → · Palette generator →