#235799#235799

#235799 is a mid, vivid cyan. Relative luminance 0.095; OKLCH L 45.8% C 0.121 H 255.9°. Best body text is #FFFFFF at 7.25:1 contrast (WCAG AA passes).

Color values

HEX#235799
RGBrgb(35, 87, 153)
HSLhsl(214, 63%, 37%)
HSVhsv(214, 77%, 60%)
CMYKcmyk(77.1%, 43.1%, 0%, 40%)
CIE-LABlab(36.88, 6.92, -41.02)
CIE-LCHlch(36.88, 41.60, 279.58°)
OKLaboklab(45.76% -0.0294 -0.1173)
OKLCHoklch(45.76% 0.121 255.9)
XYZxyz(9.8490, 9.4725, 31.4401)
Luminance0.0947 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#235799 #996523
analogous
#239299 #235799 #2A2399
triadic
#235799 #992357 #579923
tetradic
#235799 #992392 #996523 #23992A
square
#235799 #992392 #996523 #23992A
split-complementary
#235799 #992A23 #929923
monochromatic
#0C1E35 #183B67 #235799 #2E73CB #5D94DA

Accessibility & contrast

On white

7.25
#235799 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.89
#235799 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #235799
7.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##235799#FFFFFF#000000##FFFFFF
##2357991.007.252.897.25
#FFFFFF7.251.0021.001.00
#0000002.8921.001.0021.00
##FFFFFF7.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#375D9C
Deuteranopia (green-blind)
#215298
Tritanopia (blue-blind)
#006770
Achromatopsia (no color)
#575757

Design tokens & code

CSS
--color: #235799;
/* rgb */ color: rgb(35, 87, 153);
/* oklch */ color: oklch(45.8% 0.121 255.9);
Tailwind
colors: {
  custom: {
    50: '#6f85b7',
    500: '#235799',
    950: '#000000',
  },
}
SCSS
$custom: #235799;
$custom-light: #6f85b7;
$custom-dark: #000000;
JSON
{
  "hex": "#235799",
  "rgb": {
    "r": 35,
    "g": 87,
    "b": 153
  },
  "hsl": {
    "h": 213.559,
    "s": 62.766,
    "l": 36.863
  },
  "oklch": {
    "l": 0.45762,
    "c": 0.12097,
    "h": 255.9
  },
  "luminance": 0.09474
}

Semantic roles & 50–950 ramp

primary
#235799
secondary
#BE9259
accent
#9E42E6
background
#F7F8FB
surface
#EDEFF6
border
#C8CAD0
text
#080B11
muted
#7B7C80

Preview Lab

Preview with #235799

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

Preview Lab → · Contrast checker → · Palette generator →

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