#06535C

#06535C

Color Values

HEX

#06535C

RGB

6, 83, 92

HSL

186.3, 87.8%, 19.2%

HSV

186.3, 93.5%, 36.1%

CMYK

93.5%, 9.8%, 0.0%, 63.9%

OKLCH

0.4053 0.0676 207.8

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#06535C

#5C0F06

Analogous

#065C3A

#06285C

#06535C

Triadic

#06535C

#5C0653

#535C06

Split Complementary

#06535C

#5C0628

#5C3A06

Tetradic

#06535C

#3A065C

#5C0F06

#285C06

Color Blindness Simulation

Original

#06535C

Protanopia

#27285A

Deuteranopia

#231D59

Tritanopia

#0A5858

Achromatopsia

#434343

CSS Usage

background-color: #06535C;
color: #06535C;
border-color: #06535C;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BCF4FB
300
#8CECF8
400
#4EE2F3
500
#10D8EF
600
#0CADC0
700
#0A8A99
800
#086C78
900
#0A4F57
950
#063237

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

2.4: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