#413882#413882

#413882 is a dark, vivid blue. Relative luminance 0.056; OKLCH L 39.2% C 0.120 H 285.0°. Best body text is #FFFFFF at 9.94:1 contrast (WCAG AA passes).

Color values

HEX#413882
RGBrgb(65, 56, 130)
HSLhsl(247, 40%, 36%)
HSVhsv(247, 57%, 51%)
CMYKcmyk(50%, 56.9%, 0%, 49%)
CIE-LABlab(28.28, 24.74, -40.63)
CIE-LCHlch(28.28, 47.57, 301.34°)
OKLaboklab(39.18% 0.031 -0.1159)
OKLCHoklch(39.18% 0.12 285)
XYZxyz(7.6222, 5.5635, 21.7870)
Luminance0.0556 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#413882 #798238
analogous
#385482 #413882 #663882
triadic
#413882 #824138 #388241
tetradic
#413882 #823854 #798238 #388266
square
#413882 #823854 #798238 #388266
split-complementary
#413882 #826638 #548238
monochromatic
#16132C #2C2657 #413882 #564AAD #7C72C2

Accessibility & contrast

On white

9.94
#413882 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.11
#413882 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #413882
9.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##413882#FFFFFF#000000##FFFFFF
##4138821.009.942.119.94
#FFFFFF9.941.0021.001.00
#0000002.1121.001.0021.00
##FFFFFF9.941.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0D4585
Deuteranopia (green-blind)
#084080
Tritanopia (blue-blind)
#2A4857
Achromatopsia (no color)
#434343

Design tokens & code

CSS
--color: #413882;
/* rgb */ color: rgb(65, 56, 130);
/* oklch */ color: oklch(39.2% 0.120 285.0);
Tailwind
colors: {
  custom: {
    50: '#7b6fa7',
    500: '#413882',
    950: '#000000',
  },
}
SCSS
$custom: #413882;
$custom-light: #7b6fa7;
$custom-dark: #000000;
JSON
{
  "hex": "#413882",
  "rgb": {
    "r": 65,
    "g": 56,
    "b": 130
  },
  "hsl": {
    "h": 247.297,
    "s": 39.785,
    "l": 36.471
  },
  "oklch": {
    "l": 0.39185,
    "c": 0.12,
    "h": 285
  },
  "luminance": 0.05564
}

Semantic roles & 50–950 ramp

primary
#413882
secondary
#A3AB6B
accent
#D058C1
background
#F7F6FA
surface
#EEECF4
border
#C9C7CE
text
#0A070F
muted
#7C7A7F

Preview Lab

Preview with #413882

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

Preview Lab → · Contrast checker → · Palette generator →

#413882 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva