#286071#286071

#286071 is a mid, moderate cyan. Relative luminance 0.100; OKLCH L 45.9% C 0.064 H 220.8°. Best body text is #FFFFFF at 7.00:1 contrast (WCAG AA passes).

Color values

HEX#286071
RGBrgb(40, 96, 113)
HSLhsl(194, 48%, 30%)
HSVhsv(194, 65%, 44%)
CMYKcmyk(64.6%, 15%, 0%, 55.7%)
CIE-LABlab(37.86, -12.68, -15.11)
CIE-LCHlch(37.86, 19.72, 229.99°)
OKLaboklab(45.92% -0.0486 -0.042)
OKLCHoklch(45.92% 0.064 220.8)
XYZxyz(8.0374, 10.0083, 17.1278)
Luminance0.1001 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#286071 #713928
analogous
#28715E #286071 #283B71
triadic
#286071 #712860 #607128
tetradic
#286071 #5E2871 #713928 #3B7128
square
#286071 #5E2871 #713928 #3B7128
split-complementary
#286071 #71283B #715E28
monochromatic
#081317 #183A44 #286071 #38869E #52A8C2

Accessibility & contrast

On white

7.00
#286071 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

3.00
#286071 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #286071
7.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##286071#FFFFFF#000000##FFFFFF
##2860711.007.003.007.00
#FFFFFF7.001.0021.001.00
#0000003.0021.001.0021.00
##FFFFFF7.001.0021.001.00

Color blindness preview

Protanopia (red-blind)
#565E72
Deuteranopia (green-blind)
#4B5671
Tritanopia (blue-blind)
#006665
Achromatopsia (no color)
#595959

Design tokens & code

CSS
--color: #286071;
/* rgb */ color: rgb(40, 96, 113);
/* oklch */ color: oklch(45.9% 0.064 220.8);
Tailwind
colors: {
  custom: {
    50: '#6a8d99',
    500: '#286071',
    950: '#000000',
  },
}
SCSS
$custom: #286071;
$custom-light: #6a8d99;
$custom-dark: #000000;
JSON
{
  "hex": "#286071",
  "rgb": {
    "r": 40,
    "g": 96,
    "b": 113
  },
  "hsl": {
    "h": 193.973,
    "s": 47.712,
    "l": 30
  },
  "oklch": {
    "l": 0.45919,
    "c": 0.06428,
    "h": 220.8
  },
  "luminance": 0.10009
}

Semantic roles & 50–950 ramp

primary
#286071
secondary
#A36552
accent
#7050D7
background
#F6F8F9
surface
#ECF0F2
border
#C7CBCC
text
#070C0E
muted
#7A7D7E

Preview Lab

Preview with #286071

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

Preview Lab → · Contrast checker → · Palette generator →

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