#43398B#43398B

#43398B is a dark, vivid blue. Relative luminance 0.060; OKLCH L 40.2% C 0.131 H 284.4°. Best body text is #FFFFFF at 9.56:1 contrast (WCAG AA passes).

Color values

HEX#43398B
RGBrgb(67, 57, 139)
HSLhsl(247, 42%, 38%)
HSVhsv(247, 59%, 55%)
CMYKcmyk(51.8%, 59%, 0%, 45.5%)
CIE-LABlab(29.37, 27.48, -44.46)
CIE-LCHlch(29.37, 52.26, 301.72°)
OKLaboklab(40.24% 0.0326 -0.1271)
OKLCHoklch(40.24% 0.131 284.4)
XYZxyz(8.4367, 5.9832, 25.1314)
Luminance0.0598 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#43398B #818B39
analogous
#39588B #43398B #6C398B
triadic
#43398B #8B4339 #398B43
tetradic
#43398B #8B3958 #818B39 #398B6C
square
#43398B #8B3958 #818B39 #398B6C
split-complementary
#43398B #8B6C39 #588B39
monochromatic
#191534 #2E2760 #43398B #594CB5 #8177C7

Accessibility & contrast

On white

9.56
#43398B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.20
#43398B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #43398B
9.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##43398B#FFFFFF#000000##FFFFFF
##43398B1.009.562.209.56
#FFFFFF9.561.0021.001.00
#0000002.2021.001.0021.00
##FFFFFF9.561.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00488E
Deuteranopia (green-blind)
#004389
Tritanopia (blue-blind)
#284C5C
Achromatopsia (no color)
#454545

Design tokens & code

CSS
--color: #43398b;
/* rgb */ color: rgb(67, 57, 139);
/* oklch */ color: oklch(40.2% 0.131 284.4);
Tailwind
colors: {
  custom: {
    50: '#7d70ad',
    500: '#43398b',
    950: '#000000',
  },
}
SCSS
$custom: #43398b;
$custom-light: #7d70ad;
$custom-dark: #000000;
JSON
{
  "hex": "#43398b",
  "rgb": {
    "r": 67,
    "g": 57,
    "b": 139
  },
  "hsl": {
    "h": 247.317,
    "s": 41.837,
    "l": 38.431
  },
  "oklch": {
    "l": 0.40243,
    "c": 0.13124,
    "h": 284.4
  },
  "luminance": 0.05984
}

Semantic roles & 50–950 ramp

primary
#43398B
secondary
#A9B06F
accent
#D256C3
background
#F7F6FA
surface
#EEECF4
border
#C9C7CE
text
#0A0710
muted
#7C7A7F

Preview Lab

Preview with #43398B

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

Preview Lab → · Contrast checker → · Palette generator →

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