#335972

#335972

Color Values

HEX

#335972

RGB

51, 89, 114

HSL

203.8, 38.2%, 32.4%

HSV

203.8, 55.3%, 44.7%

CMYK

55.3%, 21.9%, 0.0%, 55.3%

OKLCH

0.4467 0.0598 238.9

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#335972

#724C33

Analogous

#33726C

#333A72

#335972

Triadic

#335972

#723359

#597233

Split Complementary

#335972

#72333A

#726C33

Tetradic

#335972

#6C3372

#724C33

#3A7233

Color Blindness Simulation

Original

#335972

Protanopia

#43446C

Deuteranopia

#413E6A

Tritanopia

#356766

Achromatopsia

#535353

CSS Usage

background-color: #335972;
color: #335972;
border-color: #335972;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDEE9
300
#AAC7D9
400
#7DA8C5
500
#4F8AB0
600
#3F6E8D
700
#325871
800
#274558
900
#203441
950
#142129

Contrast Checker

Text on white

7.47:1

AA Pass AAA Pass

Text on black

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