#006086

Color #006086

A vivid, highly saturated dark cyan.

Closest named color Steel Blue #4682b4 · ΔE 15.99 Nearest Tailwind class sky-800 #00598a · ΔE 4.4

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#006086

RGB

rgb(0, 96, 134)

HSL

hsl(197, 100%, 26.3%)

HSV / HSB

hsv(197, 100%, 52.5%)

CMYK

cmyk(100%, 28.4%, 0%, 47.5%)

LAB

lab(38, -9.28, -27.8)

LCH

lch(38, 29.31, 251.54)

OKLCH

oklch(46.1%, 0.097, 234.36)

HWB

hwb(197, 0%, 47.5%)

Harmony colors

Complementary

#862600

Analogous

#008669

#006086

#001d86

Triadic

#006086

#860060

#608600

Split-complementary

#006086

#86001d

#866900

Tetradic

#006086

#260086

#862600

#608600

Square

#006086

#690086

#862600

#1d8600

Shades

Color #006086 mixed toward black.

#005070

#004059

#003043

#00202d

#001016

Tints

Color #006086 mixed toward white.

#008dc5

#04b8ff

#43caff

#82dcff

#c0edff

Tones

Color #006086 mixed toward gray.

#0b5b7b

#165670

#225265

#2d4d59

#38484e

Accessibility

Aa White text on this color

6.96:1

Aa Black text on this color

3.02:1

White text reads better on this background (6.96:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#40407e · ΔE 18.5

Deuteranopia

#3b357c · ΔE 20.7

Tritanopia

#127776 · ΔE 18

Achromatopsia

#595959 · ΔE 18.2

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #006086;

Tailwind (arbitrary value)

bg-[#006086]

Related colors

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Light Blue #add8e6

Light Sky Blue #87cefa

Charcoal #36454f

Powder Blue #b0e0e6

Frequently asked questions

#006086 (#006086) is rgb(0, 96, 134) in RGB.

No, #006086 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #006086, or check how it holds up for accessibility.

Generate a palette → Check contrast