#115069

Color #115069

A vivid, highly saturated dark cyan.

Closest named color Charcoal #36454f · ΔE 13.97 Nearest Tailwind class cyan-900 #104e64 · ΔE 1.4

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

Conversions

HEX

#115069

RGB

rgb(17, 80, 105)

HSL

hsl(197, 72.1%, 23.9%)

HSV / HSB

hsv(197, 83.8%, 41.2%)

CMYK

cmyk(83.8%, 23.8%, 0%, 58.8%)

LAB

lab(31.52, -9.72, -19.94)

LCH

lch(31.52, 22.18, 244.01)

OKLCH

oklch(40.6%, 0.0733, 229.98)

HWB

hwb(197, 6.7%, 58.8%)

Harmony colors

Complementary

#692a11

Analogous

#116956

#115069

#112469

Triadic

#115069

#691150

#506911

Split-complementary

#115069

#691124

#695611

Tetradic

#115069

#2a1169

#692a11

#506911

Square

#115069

#561169

#692a11

#246911

Shades

Color #115069 mixed toward black.

#0e4357

#0b3546

#092834

#061b23

#030d11

Tints

Color #115069 mixed toward white.

#1a7aa1

#23a5d8

#58bce4

#90d3ed

#c7e9f6

Tones

Color #115069 mixed toward gray.

#184d62

#204a5a

#274653

#2e434c

#364044

Accessibility

Aa White text on this color

8.84:1

Aa Black text on this color

2.38:1

White text reads better on this background (8.84:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#373764 · ΔE 18.2

Deuteranopia

#332f62 · ΔE 19.2

Tritanopia

#185f5e · ΔE 13.9

Achromatopsia

#4a4a4a · ΔE 15.8

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

Code

CSS

background-color: #115069;

Tailwind (arbitrary value)

bg-[#115069]

Related colors

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Light Blue #add8e6

Light Sky Blue #87cefa

Charcoal #36454f

Powder Blue #b0e0e6

Frequently asked questions

#115069 (#115069) is rgb(17, 80, 105) in RGB.

No, #115069 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 #115069, or check how it holds up for accessibility.

Generate a palette → Check contrast