#204560

#204560

Color Values

HEX

#204560

RGB

32, 69, 96

HSL

205.3, 50.0%, 25.1%

HSV

205.3, 66.7%, 37.6%

CMYK

66.7%, 28.1%, 0.0%, 62.4%

OKLCH

0.3763 0.0629 242.6

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#204560

#603B20

Analogous

#20605B

#202560

#204560

Triadic

#204560

#602045

#456020

Split Complementary

#204560

#602025

#605B20

Tetradic

#204560

#5B2060

#603B20

#256020

Color Blindness Simulation

Original

#204560

Protanopia

#303059

Deuteranopia

#2E2B58

Tritanopia

#225453

Achromatopsia

#3F3F3F

CSS Usage

background-color: #204560;
color: #204560;
border-color: #204560;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#C9DEED
300
#A3C7E0
400
#71A8D0
500
#4089BF
600
#336E99
700
#29587A
800
#204560
900
#1B3446
950
#11212C

Contrast Checker

Text on white

10.09:1

AA Pass AAA Pass

Text on black

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