#236E9B#236E9B

#236E9B is a mid, moderate cyan. Relative luminance 0.139; OKLCH L 51.4% C 0.101 H 239.8°. Best body text is #FFFFFF at 5.56:1 contrast (WCAG AA passes).

Color values

HEX#236E9B
RGBrgb(35, 110, 155)
HSLhsl(203, 63%, 37%)
HSVhsv(203, 77%, 61%)
CMYKcmyk(77.4%, 29%, 0%, 39.2%)
CIE-LABlab(44.05, -6.74, -30.86)
CIE-LCHlch(44.05, 31.59, 257.67°)
OKLaboklab(51.43% -0.0508 -0.0873)
OKLCHoklch(51.43% 0.101 239.8)
XYZxyz(12.1831, 13.8743, 33.0399)
Luminance0.1388 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#236E9B #9B5023
analogous
#239B8C #236E9B #23329B
triadic
#236E9B #9B236E #6E9B23
tetradic
#236E9B #8C239B #9B5023 #329B23
square
#236E9B #8C239B #9B5023 #329B23
split-complementary
#236E9B #9B2332 #9B8C23
monochromatic
#0C2737 #184B69 #236E9B #2E91CD #5EACDB

Accessibility & contrast

On white

5.56
#236E9B on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.78
#236E9B on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #236E9B
5.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##236E9B#FFFFFF#000000##FFFFFF
##236E9B1.005.563.785.56
#FFFFFF5.561.0021.001.00
#0000003.7821.001.0021.00
##FFFFFF5.561.0021.001.00

Color blindness preview

Protanopia (red-blind)
#596E9D
Deuteranopia (green-blind)
#48639A
Tritanopia (blue-blind)
#00797E
Achromatopsia (no color)
#686868

Design tokens & code

CSS
--color: #236e9b;
/* rgb */ color: rgb(35, 110, 155);
/* oklch */ color: oklch(51.4% 0.101 239.8);
Tailwind
colors: {
  custom: {
    50: '#7097b8',
    500: '#236e9b',
    950: '#000000',
  },
}
SCSS
$custom: #236e9b;
$custom-light: #7097b8;
$custom-dark: #000000;
JSON
{
  "hex": "#236e9b",
  "rgb": {
    "r": 35,
    "g": 110,
    "b": 155
  },
  "hsl": {
    "h": 202.5,
    "s": 63.158,
    "l": 37.255
  },
  "oklch": {
    "l": 0.51431,
    "c": 0.10095,
    "h": 239.8
  },
  "luminance": 0.13876
}

Semantic roles & 50–950 ramp

primary
#236E9B
secondary
#BF805A
accent
#7F42E6
background
#F7F9FB
surface
#EDF2F6
border
#C8CCD0
text
#090D11
muted
#7B7E80

Preview Lab

Preview with #236E9B

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

Preview Lab → · Contrast checker → · Palette generator →

#236E9B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva