#6080B2#6080B2

#6080B2 is a mid, moderate blue. Relative luminance 0.211; OKLCH L 59.6% C 0.085 H 259.1°. Best body text is #000000 at 5.23:1 contrast (WCAG AA passes).

Color values

HEX#6080B2
RGBrgb(96, 128, 178)
HSLhsl(217, 35%, 54%)
HSVhsv(217, 46%, 70%)
CMYKcmyk(46.1%, 28.1%, 0%, 30.2%)
CIE-LABlab(53.10, 2.38, -29.95)
CIE-LCHlch(53.10, 30.05, 274.54°)
OKLaboklab(59.62% -0.0161 -0.0837)
OKLCHoklch(59.62% 0.085 259.1)
XYZxyz(20.5763, 21.1382, 45.1067)
Luminance0.2114 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6080B2 #B29260
analogous
#60A9B2 #6080B2 #6960B2
triadic
#6080B2 #B26080 #80B260
tetradic
#6080B2 #B260A9 #B29260 #60B269
square
#6080B2 #B260A9 #B29260 #60B269
split-complementary
#6080B2 #B26960 #A9B260
monochromatic
#314666 #45628F #6080B2 #89A1C6 #B2C2DA

Accessibility & contrast

On white

4.02
#6080B2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.23
#6080B2 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #6080B2
5.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6080B2#FFFFFF#000000##000000
##6080B21.004.025.235.23
#FFFFFF4.021.0021.0021.00
#0000005.2321.001.001.00
##0000005.2321.001.001.00

Color blindness preview

Protanopia (red-blind)
#6D83B4
Deuteranopia (green-blind)
#647BB1
Tritanopia (blue-blind)
#408B91
Achromatopsia (no color)
#7F7F7F

Design tokens & code

CSS
--color: #6080b2;
/* rgb */ color: rgb(96, 128, 178);
/* oklch */ color: oklch(59.6% 0.085 259.1);
Tailwind
colors: {
  custom: {
    50: '#91a4c9',
    500: '#6080b2',
    950: '#000000',
  },
}
SCSS
$custom: #6080b2;
$custom-light: #91a4c9;
$custom-dark: #000000;
JSON
{
  "hex": "#6080b2",
  "rgb": {
    "r": 96,
    "g": 128,
    "b": 178
  },
  "hsl": {
    "h": 216.585,
    "s": 34.746,
    "l": 53.725
  },
  "oklch": {
    "l": 0.59621,
    "c": 0.08529,
    "h": 259.1
  },
  "luminance": 0.21139
}

Semantic roles & 50–950 ramp

primary
#6080B2
secondary
#C8BBA5
accent
#A05DCB
background
#F9FAFC
surface
#F1F4F8
border
#CBCED1
text
#0D0F13
muted
#7E7F82

Preview Lab

Preview with #6080B2

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

Preview Lab → · Contrast checker → · Palette generator →

#6080B2 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva