#688098#688098

#688098 is a mid, muted cyan. Relative luminance 0.206; OKLCH L 59.0% C 0.046 H 248.6°. Best body text is #000000 at 5.13:1 contrast (WCAG AA passes).

Color values

HEX#688098
RGBrgb(104, 128, 152)
HSLhsl(210, 19%, 50%)
HSVhsv(210, 32%, 60%)
CMYKcmyk(31.6%, 15.8%, 0%, 40.4%)
CIE-LABlab(52.56, -2.69, -15.70)
CIE-LCHlch(52.56, 15.92, 260.28°)
OKLaboklab(58.99% -0.0169 -0.0431)
OKLCHoklch(58.99% 0.046 248.6)
XYZxyz(19.0939, 20.6476, 32.6790)
Luminance0.2065 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#688098 #988068
analogous
#689898 #688098 #686898
triadic
#688098 #986880 #809868
tetradic
#688098 #986898 #988068 #689868
square
#688098 #986898 #988068 #689868
split-complementary
#688098 #986868 #989868
monochromatic
#36434F #4F6174 #688098 #8C9FB1 #B1BDCA

Accessibility & contrast

On white

4.09
#688098 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.13
#688098 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #688098
5.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##688098#FFFFFF#000000##000000
##6880981.004.095.135.13
#FFFFFF4.091.0021.0021.00
#0000005.1321.001.001.00
##0000005.1321.001.001.00

Color blindness preview

Protanopia (red-blind)
#778099
Deuteranopia (green-blind)
#717B98
Tritanopia (blue-blind)
#5A8588
Achromatopsia (no color)
#7D7D7D

Design tokens & code

CSS
--color: #688098;
/* rgb */ color: rgb(104, 128, 152);
/* oklch */ color: oklch(59.0% 0.046 248.6);
Tailwind
colors: {
  custom: {
    50: '#94a4b6',
    500: '#688098',
    950: '#000000',
  },
}
SCSS
$custom: #688098;
$custom-light: #94a4b6;
$custom-dark: #000000;
JSON
{
  "hex": "#688098",
  "rgb": {
    "r": 104,
    "g": 128,
    "b": 152
  },
  "hsl": {
    "h": 210,
    "s": 18.898,
    "l": 50.196
  },
  "oklch": {
    "l": 0.58985,
    "c": 0.04627,
    "h": 248.6
  },
  "luminance": 0.20648
}

Semantic roles & 50–950 ramp

primary
#688098
secondary
#B9AEA3
accent
#946CBC
background
#F9FAFB
surface
#F1F4F6
border
#CBCED0
text
#0D0F11
muted
#7E7F80

Preview Lab

Preview with #688098

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

Preview Lab → · Contrast checker → · Palette generator →

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