#3948DA#3948DA

#3948DA is a mid, highly saturated blue. Relative luminance 0.106; OKLCH L 49.0% C 0.220 H 270.9°. Best body text is #FFFFFF at 6.75:1 contrast (WCAG AA passes).

Color values

HEX#3948DA
RGBrgb(57, 72, 218)
HSLhsl(234, 69%, 54%)
HSVhsv(234, 74%, 85%)
CMYKcmyk(73.9%, 67%, 0%, 14.5%)
CIE-LABlab(38.84, 43.43, -75.97)
CIE-LCHlch(38.84, 87.50, 299.75°)
OKLaboklab(49.04% 0.0033 -0.2198)
OKLCHoklch(49.04% 0.22 270.9)
XYZxyz(16.6553, 10.5648, 67.4775)
Luminance0.1057 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3948DA #DACB39
analogous
#3999DA #3948DA #7B39DA
triadic
#3948DA #DA3948 #48DA39
tetradic
#3948DA #DA3999 #DACB39 #39DA7B
square
#3948DA #DA3999 #DACB39 #39DA7B
split-complementary
#3948DA #DA7B39 #99DA39
monochromatic
#182281 #222FB4 #3948DA #6D78E4 #A0A7ED

Accessibility & contrast

On white

6.75
#3948DA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.11
#3948DA on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #3948DA
6.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3948DA#FFFFFF#000000##FFFFFF
##3948DA1.006.753.116.75
#FFFFFF6.751.0021.001.00
#0000003.1121.001.0021.00
##FFFFFF6.751.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0063DF
Deuteranopia (green-blind)
#0054D7
Tritanopia (blue-blind)
#00708B
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #3948da;
/* rgb */ color: rgb(57, 72, 218);
/* oklch */ color: oklch(49.0% 0.220 270.9);
Tailwind
colors: {
  custom: {
    50: '#877be7',
    500: '#3948da',
    950: '#000000',
  },
}
SCSS
$custom: #3948da;
$custom-light: #877be7;
$custom-dark: #000000;
JSON
{
  "hex": "#3948da",
  "rgb": {
    "r": 57,
    "g": 72,
    "b": 218
  },
  "hsl": {
    "h": 234.41,
    "s": 68.511,
    "l": 53.922
  },
  "oklch": {
    "l": 0.49039,
    "c": 0.2198,
    "h": 270.9
  },
  "luminance": 0.10567
}

Semantic roles & 50–950 ramp

primary
#3948DA
secondary
#DAD395
accent
#DB3CEB
background
#F9F7FE
surface
#F1EEFD
border
#CBC9D5
text
#0D0916
muted
#7E7B84

Preview Lab

Preview with #3948DA

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

Preview Lab → · Contrast checker → · Palette generator →

#3948DA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva