#48429B#48429B

#48429B is a dark, vivid blue. Relative luminance 0.076; OKLCH L 43.6% C 0.140 H 281.9°. Best body text is #FFFFFF at 8.31:1 contrast (WCAG AA passes).

Color values

HEX#48429B
RGBrgb(72, 66, 155)
HSLhsl(244, 40%, 43%)
HSVhsv(244, 57%, 61%)
CMYKcmyk(53.5%, 57.4%, 0%, 39.2%)
CIE-LABlab(33.22, 28.02, -48.00)
CIE-LCHlch(33.22, 55.58, 300.27°)
OKLaboklab(43.57% 0.0289 -0.1374)
OKLCHoklch(43.57% 0.14 281.9)
XYZxyz(10.5353, 7.6401, 31.9235)
Luminance0.0764 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#48429B #959B42
analogous
#42689B #48429B #74429B
triadic
#48429B #9B4842 #429B48
tetradic
#48429B #9B4268 #959B42 #429B74
square
#48429B #9B4268 #959B42 #429B74
split-complementary
#48429B #9B7442 #689B42
monochromatic
#201D45 #343070 #48429B #655FBB #8F8ACD

Accessibility & contrast

On white

8.31
#48429B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.53
#48429B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #48429B
8.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##48429B#FFFFFF#000000##FFFFFF
##48429B1.008.312.538.31
#FFFFFF8.311.0021.001.00
#0000002.5321.001.0021.00
##FFFFFF8.311.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00519E
Deuteranopia (green-blind)
#004B99
Tritanopia (blue-blind)
#255668
Achromatopsia (no color)
#4E4E4E

Design tokens & code

CSS
--color: #48429b;
/* rgb */ color: rgb(72, 66, 155);
/* oklch */ color: oklch(43.6% 0.140 281.9);
Tailwind
colors: {
  custom: {
    50: '#8276b9',
    500: '#48429b',
    950: '#000000',
  },
}
SCSS
$custom: #48429b;
$custom-light: #8276b9;
$custom-dark: #000000;
JSON
{
  "hex": "#48429b",
  "rgb": {
    "r": 72,
    "g": 66,
    "b": 155
  },
  "hsl": {
    "h": 244.045,
    "s": 40.271,
    "l": 43.333
  },
  "oklch": {
    "l": 0.43572,
    "c": 0.14038,
    "h": 281.9
  },
  "luminance": 0.07641
}

Semantic roles & 50–950 ramp

primary
#48429B
secondary
#B4B881
accent
#D058C8
background
#F8F7FB
surface
#EFEDF6
border
#CAC8D0
text
#0B0811
muted
#7C7B80

Preview Lab

Preview with #48429B

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

Preview Lab → · Contrast checker → · Palette generator →

#48429B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva