#086266

#086266

Color Values

HEX

#086266

RGB

8, 98, 102

HSL

182.6, 85.5%, 21.6%

HSV

182.6, 92.2%, 40.0%

CMYK

92.2%, 3.9%, 0.0%, 60.0%

OKLCH

0.4519 0.0747 199.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#086266

#660C08

Analogous

#08663B

#083366

#086266

Triadic

#086266

#660862

#626608

Split Complementary

#086266

#660833

#663B08

Tetradic

#086266

#3B0866

#660C08

#336608

Color Blindness Simulation

Original

#086266

Protanopia

#2F3065

Deuteranopia

#2A2365

Tritanopia

#0C6464

Achromatopsia

#4F4F4F

CSS Usage

background-color: #086266;
color: #086266;
border-color: #086266;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BDF7FA
300
#8DF2F6
400
#50EAF1
500
#12E3ED
600
#0FB6BD
700
#0C9197
800
#097276
900
#0B5356
950
#073436

Contrast Checker

Text on white

7.12:1

AA Pass AAA Pass

Text on black

2.95:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026