#135366#135366

#135366 is a dark, moderate cyan. Relative luminance 0.073; OKLCH L 41.3% C 0.069 H 222.6°. Best body text is #FFFFFF at 8.55:1 contrast (WCAG AA passes).

Color values

HEX	#135366
RGB	rgb(19, 83, 102)
HSL	hsl(194, 69%, 24%)
HSV	hsv(194, 81%, 40%)
CMYK	cmyk(81.4%, 18.6%, 0%, 60%)
CIE-LAB	lab(32.44, -12.43, -16.62)
CIE-LCH	lch(32.44, 20.75, 233.22°)
OKLab	oklab(41.25% -0.0507 -0.0465)
OKLCH	oklch(41.25% 0.069 222.6)
XYZ	xyz(5.7591, 7.2836, 13.6701)
Luminance	0.0728 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#135366 #662613

analogous

#13664F #135366 #132966

triadic

#135366 #661353 #536613

tetradic

#135366 #4F1366 #662613 #296613

square

#135366 #4F1366 #662613 #296613

split-complementary

#135366 #661329 #664F13

monochromatic

#05151A #092932 #135366 #1D7D9A #26A7CD

Accessibility & contrast

On white

8.55

#135366 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.46

#135366 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #135366

8.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##135366	#FFFFFF	#000000	##FFFFFF
##135366	1.00	8.55	2.46	8.55
#FFFFFF	8.55	1.00	21.00	1.00
#000000	2.46	21.00	1.00	21.00
##FFFFFF	8.55	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#485167

Deuteranopia (green-blind)

#3D4966

Tritanopia (blue-blind)

#005959

Achromatopsia (no color)

#4C4C4C

Design tokens & code

CSS

--color: #135366;
/* rgb */ color: rgb(19, 83, 102);
/* oklch */ color: oklch(41.3% 0.069 222.6);

Tailwind

colors: {
  custom: {
    50: '#608391',
    500: '#135366',
    950: '#000000',
  },
}

SCSS

$custom: #135366;
$custom-light: #608391;
$custom-dark: #000000;

JSON

{
  "hex": "#135366",
  "rgb": {
    "r": 19,
    "g": 83,
    "b": 102
  },
  "hsl": {
    "h": 193.735,
    "s": 68.595,
    "l": 23.725
  },
  "oklch": {
    "l": 0.41251,
    "c": 0.0688,
    "h": 222.6
  },
  "luminance": 0.07284
}

Semantic roles & 50–950 ramp

primary

#135366

secondary

#9D4F37

accent

#643CEB

background

#F6F8F8

surface

#EBEFF0

border

#C6CACB

text

#050A0C

muted

#7A7C7D

Preview Lab

Preview with #135366

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

Preview Lab → · Contrast checker → · Palette generator →