#204F72

#204F72

Color Values

HEX

#204F72

RGB

32, 79, 114

HSL

205.6, 56.2%, 28.6%

HSV

205.6, 71.9%, 44.7%

CMYK

71.9%, 30.7%, 0.0%, 55.3%

OKLCH

0.4124 0.0777 243.9

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#204F72

#724320

Analogous

#20726C

#202672

#204F72

Triadic

#204F72

#72204F

#4F7220

Split Complementary

#204F72

#722026

#726C20

Tetradic

#204F72

#6C2072

#724320

#267220

Color Blindness Simulation

Original

#204F72

Protanopia

#34356A

Deuteranopia

#322E68

Tritanopia

#226361

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DEEF
300
#9FC7E4
400
#6CA8D6
500
#388AC7
600
#2D6E9F
700
#24587F
800
#1C4564
900
#183449
950
#0F212E

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026