#256687#256687

#256687 is a mid, moderate cyan. Relative luminance 0.116; OKLCH L 48.4% C 0.084 H 234.5°. Best body text is #FFFFFF at 6.31:1 contrast (WCAG AA passes).

Color values

HEX#256687
RGBrgb(37, 102, 135)
HSLhsl(200, 57%, 34%)
HSVhsv(200, 73%, 53%)
CMYKcmyk(72.6%, 24.4%, 0%, 47.1%)
CIE-LABlab(40.65, -9.02, -24.22)
CIE-LCHlch(40.65, 25.84, 249.58°)
OKLaboklab(48.43% -0.0485 -0.0681)
OKLCHoklch(48.43% 0.084 234.5)
XYZxyz(9.8858, 11.6442, 24.6435)
Luminance0.1164 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#256687 #874625
analogous
#258777 #256687 #253587
triadic
#256687 #872566 #668725
tetradic
#256687 #772587 #874625 #358725
square
#256687 #772587 #874625 #358725
split-complementary
#256687 #872535 #877725
monochromatic
#0B1D27 #184257 #256687 #328AB7 #56A7D1

Accessibility & contrast

On white

6.31
#256687 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.33
#256687 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #256687
6.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##256687#FFFFFF#000000##FFFFFF
##2566871.006.313.336.31
#FFFFFF6.311.0021.001.00
#0000003.3321.001.0021.00
##FFFFFF6.311.0021.001.00

Color blindness preview

Protanopia (red-blind)
#566589
Deuteranopia (green-blind)
#495C86
Tritanopia (blue-blind)
#006F71
Achromatopsia (no color)
#606060

Design tokens & code

CSS
--color: #256687;
/* rgb */ color: rgb(37, 102, 135);
/* oklch */ color: oklch(48.4% 0.084 234.5);
Tailwind
colors: {
  custom: {
    50: '#6d91aa',
    500: '#256687',
    950: '#000000',
  },
}
SCSS
$custom: #256687;
$custom-light: #6d91aa;
$custom-dark: #000000;
JSON
{
  "hex": "#256687",
  "rgb": {
    "r": 37,
    "g": 102,
    "b": 135
  },
  "hsl": {
    "h": 200.204,
    "s": 56.977,
    "l": 33.725
  },
  "oklch": {
    "l": 0.4843,
    "c": 0.08362,
    "h": 234.5
  },
  "luminance": 0.11645
}

Semantic roles & 50–950 ramp

primary
#256687
secondary
#B57453
accent
#7B48E0
background
#F7F8FA
surface
#EDF0F4
border
#C8CBCE
text
#080C10
muted
#7B7D7F

Preview Lab

Preview with #256687

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

Preview Lab → · Contrast checker → · Palette generator →

#256687 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva