#387EB9#387EB9

#387EB9 is a mid, moderate cyan. Relative luminance 0.193; OKLCH L 57.6% C 0.115 H 247.0°. Best body text is #000000 at 4.85:1 contrast (WCAG AA passes).

Color values

HEX#387EB9
RGBrgb(56, 126, 185)
HSLhsl(207, 54%, 47%)
HSVhsv(207, 70%, 73%)
CMYKcmyk(69.7%, 31.9%, 0%, 27.5%)
CIE-LABlab(50.99, -2.46, -37.41)
CIE-LCHlch(50.99, 37.49, 266.24°)
OKLaboklab(57.57% -0.045 -0.1059)
OKLCHoklch(57.57% 0.115 247)
XYZxyz(17.8454, 19.2633, 48.6672)
Luminance0.1926 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#387EB9 #B97338
analogous
#38B9B4 #387EB9 #383DB9
triadic
#387EB9 #B9387E #7EB938
tetradic
#387EB9 #B438B9 #B97338 #3DB938
square
#387EB9 #B438B9 #B97338 #3DB938
split-complementary
#387EB9 #B9383D #B9B438
monochromatic
#1C3E5B #2A5E8A #387EB9 #5F9CCF #8EB9DD

Accessibility & contrast

On white

4.33
#387EB9 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.85
#387EB9 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #387EB9
4.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##387EB9#FFFFFF#000000##000000
##387EB91.004.334.854.85
#FFFFFF4.331.0021.0021.00
#0000004.8521.001.001.00
##0000004.8521.001.001.00

Color blindness preview

Protanopia (red-blind)
#6480BC
Deuteranopia (green-blind)
#5274B8
Tritanopia (blue-blind)
#008C93
Achromatopsia (no color)
#797979

Design tokens & code

CSS
--color: #387eb9;
/* rgb */ color: rgb(56, 126, 185);
/* oklch */ color: oklch(57.6% 0.115 247.0);
Tailwind
colors: {
  custom: {
    50: '#7ea3ce',
    500: '#387eb9',
    950: '#000000',
  },
}
SCSS
$custom: #387eb9;
$custom-light: #7ea3ce;
$custom-dark: #000000;
JSON
{
  "hex": "#387eb9",
  "rgb": {
    "r": 56,
    "g": 126,
    "b": 185
  },
  "hsl": {
    "h": 207.442,
    "s": 53.527,
    "l": 47.255
  },
  "oklch": {
    "l": 0.57572,
    "c": 0.11508,
    "h": 247
  },
  "luminance": 0.19265
}

Semantic roles & 50–950 ramp

primary
#387EB9
secondary
#C8A485
accent
#8E4BDD
background
#F8FAFC
surface
#EFF3F9
border
#CACDD2
text
#0B0F13
muted
#7C7F82

Preview Lab

Preview with #387EB9

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

Preview Lab → · Contrast checker → · Palette generator →

#387EB9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva