#206C84

#206C84

Color Values

HEX

#206C84

RGB

32, 108, 132

HSL

194.4, 61.0%, 32.2%

HSV

194.4, 75.8%, 51.8%

CMYK

75.8%, 18.2%, 0.0%, 48.2%

OKLCH

0.4967 0.0809 223.4

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#206C84

#843820

Analogous

#20846A

#203A84

#206C84

Triadic

#206C84

#84206C

#6C8420

Split Complementary

#206C84

#84203A

#846A20

Tetradic

#206C84

#6A2084

#843820

#3A8420

Color Blindness Simulation

Original

#206C84

Protanopia

#41427E

Deuteranopia

#3C377D

Tritanopia

#247A79

Achromatopsia

#5E5E5E

CSS Usage

background-color: #206C84;
color: #206C84;
border-color: #206C84;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FB
100
#E4F2F6
200
#C6E7F1
300
#9CD5E7
400
#67BFDA
500
#32A8CD
600
#2886A4
700
#206B83
800
#195467
900
#163E4B
950
#0E272F

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026