#12586C#12586C

#12586C is a dark, moderate cyan. Relative luminance 0.082; OKLCH L 42.9% C 0.073 H 222.2°. Best body text is #FFFFFF at 7.96:1 contrast (WCAG AA passes).

Color values

HEX	#12586C
RGB	rgb(18, 88, 108)
HSL	hsl(193, 71%, 25%)
HSV	hsv(193, 83%, 42%)
CMYK	cmyk(83.3%, 18.5%, 0%, 57.6%)
CIE-LAB	lab(34.38, -13.25, -17.41)
CIE-LCH	lch(34.38, 21.87, 232.73°)
OKLab	oklab(42.88% -0.0539 -0.0488)
OKLCH	oklch(42.88% 0.073 222.2)
XYZ	xyz(6.4448, 8.1900, 15.4256)
Luminance	0.0819 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#12586C #6C2612

analogous

#126C53 #12586C #122B6C

triadic

#12586C #6C1258 #586C12

tetradic

#12586C #53126C #6C2612 #2B6C12

square

#12586C #53126C #6C2612 #2B6C12

split-complementary

#12586C #6C122B #6C5312

monochromatic

#04151A #092D38 #12586C #1B83A0 #23ADD5

Accessibility & contrast

On white

7.96

#12586C on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.64

#12586C on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #12586C

7.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##12586C	#FFFFFF	#000000	##FFFFFF
##12586C	1.00	7.96	2.64	7.96
#FFFFFF	7.96	1.00	21.00	1.00
#000000	2.64	21.00	1.00	21.00
##FFFFFF	7.96	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4C566D

Deuteranopia (green-blind)

#404D6C

Tritanopia (blue-blind)

#005E5E

Achromatopsia (no color)

#515151

Design tokens & code

CSS

--color: #12586c;
/* rgb */ color: rgb(18, 88, 108);
/* oklch */ color: oklch(42.9% 0.073 222.2);

Tailwind

colors: {
  custom: {
    50: '#618796',
    500: '#12586c',
    950: '#000000',
  },
}

SCSS

$custom: #12586c;
$custom-light: #618796;
$custom-dark: #000000;

JSON

{
  "hex": "#12586c",
  "rgb": {
    "r": 18,
    "g": 88,
    "b": 108
  },
  "hsl": {
    "h": 193.333,
    "s": 71.429,
    "l": 24.706
  },
  "oklch": {
    "l": 0.42883,
    "c": 0.07267,
    "h": 222.2
  },
  "luminance": 0.08191
}

Semantic roles & 50–950 ramp

primary

#12586C

secondary

#A34F36

accent

#623AEE

background

#F6F8F9

surface

#EBEFF2

border

#C6CACC

text

#060B0D

muted

#7A7C7E

Preview Lab

Preview with #12586C

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

Preview Lab → · Contrast checker → · Palette generator →