#086263

#086263

Color Values

HEX

#086263

RGB

8, 98, 99

HSL

180.7, 85.0%, 21.0%

HSV

180.7, 91.9%, 38.8%

CMYK

91.9%, 1.0%, 0.0%, 61.2%

OKLCH

0.4507 0.0746 196.1

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#086263

#630908

Analogous

#086337

#083463

#086263

Triadic

#086263

#630862

#626308

Split Complementary

#086263

#630834

#633708

Tetradic

#086263

#370863

#630908

#346308

Color Blindness Simulation

Original

#086263

Protanopia

#2F3063

Deuteranopia

#2A2363

Tritanopia

#0C6363

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDF9FA
300
#8EF5F6
400
#50EFF1
500
#13E9EC
600
#0FBBBD
700
#0C9597
800
#0A7576
900
#0B5556
950
#073536

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

2.94:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026