#4243A4#4243A4

#4243A4 is a dark, vivid blue. Relative luminance 0.079; OKLCH L 44.0% C 0.153 H 277.6°. Best body text is #FFFFFF at 8.17:1 contrast (WCAG AA passes).

Color values

HEX#4243A4
RGBrgb(66, 67, 164)
HSLhsl(239, 43%, 45%)
HSVhsv(239, 60%, 64%)
CMYKcmyk(59.8%, 59.1%, 0%, 35.7%)
CIE-LABlab(33.67, 29.20, -52.72)
CIE-LCHlch(33.67, 60.27, 298.98°)
OKLaboklab(44% 0.0203 -0.1514)
OKLCHoklch(44% 0.153 277.6)
XYZxyz(10.9526, 7.8521, 36.0532)
Luminance0.0785 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4243A4 #A4A342
analogous
#4274A4 #4243A4 #7242A4
triadic
#4243A4 #A44243 #43A442
tetradic
#4243A4 #A44274 #A4A342 #42A472
square
#4243A4 #A44274 #A4A342 #42A472
split-complementary
#4243A4 #A47242 #74A442
monochromatic
#1F1F4D #303178 #4243A4 #6364C0 #8F8FD2

Accessibility & contrast

On white

8.17
#4243A4 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.57
#4243A4 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4243A4
8.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4243A4#FFFFFF#000000##FFFFFF
##4243A41.008.172.578.17
#FFFFFF8.171.0021.001.00
#0000002.5721.001.0021.00
##FFFFFF8.171.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0053A7
Deuteranopia (green-blind)
#004BA2
Tritanopia (blue-blind)
#005A6D
Achromatopsia (no color)
#4F4F4F

Design tokens & code

CSS
--color: #4243a4;
/* rgb */ color: rgb(66, 67, 164);
/* oklch */ color: oklch(44.0% 0.153 277.6);
Tailwind
colors: {
  custom: {
    50: '#8077c0',
    500: '#4243a4',
    950: '#000000',
  },
}
SCSS
$custom: #4243a4;
$custom-light: #8077c0;
$custom-dark: #000000;
JSON
{
  "hex": "#4243a4",
  "rgb": {
    "r": 66,
    "g": 67,
    "b": 164
  },
  "hsl": {
    "h": 239.388,
    "s": 42.609,
    "l": 45.098
  },
  "oklch": {
    "l": 0.43999,
    "c": 0.15277,
    "h": 277.6
  },
  "luminance": 0.07853
}

Semantic roles & 50–950 ramp

primary
#4243A4
secondary
#BDBC85
accent
#D155D2
background
#F8F7FB
surface
#EFEDF7
border
#CAC8D0
text
#0B0812
muted
#7C7B81

Preview Lab

Preview with #4243A4

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

Preview Lab → · Contrast checker → · Palette generator →

#4243A4 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva