#2938B0#2938B0

#2938B0 is a dark, vivid blue. Relative luminance 0.064; OKLCH L 41.6% C 0.189 H 270.0°. Best body text is #FFFFFF at 9.18:1 contrast (WCAG AA passes).

Color values

HEX#2938B0
RGBrgb(41, 56, 176)
HSLhsl(233, 62%, 43%)
HSVhsv(233, 77%, 69%)
CMYKcmyk(76.7%, 68.2%, 0%, 31%)
CIE-LABlab(30.48, 36.97, -65.19)
CIE-LCHlch(30.48, 74.94, 299.56°)
OKLaboklab(41.57% -0.0001 -0.1887)
OKLCHoklch(41.57% 0.189 270)
XYZxyz(10.1624, 6.4332, 41.7720)
Luminance0.0643 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2938B0 #B0A129
analogous
#297CB0 #2938B0 #5D29B0
triadic
#2938B0 #B02938 #38B029
tetradic
#2938B0 #B0297C #B0A129 #29B05D
square
#2938B0 #B0297C #B0A129 #29B05D
split-complementary
#2938B0 #B05D29 #7CB029
monochromatic
#12184D #1D287E #2938B0 #4353D3 #7580DF

Accessibility & contrast

On white

9.18
#2938B0 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.29
#2938B0 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2938B0
9.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2938B0#FFFFFF#000000##FFFFFF
##2938B01.009.182.299.18
#FFFFFF9.181.0021.001.00
#0000002.2921.001.0021.00
##FFFFFF9.181.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004EB4
Deuteranopia (green-blind)
#0041AE
Tritanopia (blue-blind)
#00596F
Achromatopsia (no color)
#484848

Design tokens & code

CSS
--color: #2938b0;
/* rgb */ color: rgb(41, 56, 176);
/* oklch */ color: oklch(41.6% 0.189 270.0);
Tailwind
colors: {
  custom: {
    50: '#796fc9',
    500: '#2938b0',
    950: '#000000',
  },
}
SCSS
$custom: #2938b0;
$custom-light: #796fc9;
$custom-dark: #000000;
JSON
{
  "hex": "#2938b0",
  "rgb": {
    "r": 41,
    "g": 56,
    "b": 176
  },
  "hsl": {
    "h": 233.333,
    "s": 62.212,
    "l": 42.549
  },
  "oklch": {
    "l": 0.41565,
    "c": 0.18866,
    "h": 270
  },
  "luminance": 0.06434
}

Semantic roles & 50–950 ramp

primary
#2938B0
secondary
#C6BC6F
accent
#D343E5
background
#F8F6FC
surface
#EFECF8
border
#CAC7D1
text
#0B0713
muted
#7C7A82

Preview Lab

Preview with #2938B0

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

Preview Lab → · Contrast checker → · Palette generator →

#2938B0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva