#204349

#204349

Color Values

HEX

#204349

RGB

32, 67, 73

HSL

188.8, 39.0%, 20.6%

HSV

188.8, 56.2%, 28.6%

CMYK

56.2%, 8.2%, 0.0%, 71.4%

OKLCH

0.3593 0.0417 209.9

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#204349

#492620

Analogous

#20493B

#202F49

#204349

Triadic

#204349

#492043

#434920

Split Complementary

#204349

#49202F

#493B20

Tetradic

#204349

#3B2049

#492620

#2F4920

Color Blindness Simulation

Original

#204349

Protanopia

#2F2F48

Deuteranopia

#2D2A47

Tritanopia

#224646

Achromatopsia

#3C3C3C

CSS Usage

background-color: #204349;
color: #204349;
border-color: #204349;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE5E9
300
#AAD3DA
400
#7CBBC5
500
#4EA3B1
600
#3E828E
700
#326871
800
#275159
900
#1F3C41
950
#142629

Contrast Checker

Text on white

10.71:1

AA Pass AAA Pass

Text on black

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