#335C71

#335C71

Color Values

HEX

#335C71

RGB

51, 92, 113

HSL

200.3, 37.8%, 32.2%

HSV

200.3, 54.9%, 44.3%

CMYK

54.9%, 18.6%, 0.0%, 55.7%

OKLCH

0.4538 0.0575 232.3

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#335C71

#714833

Analogous

#337167

#333D71

#335C71

Triadic

#335C71

#71335C

#5C7133

Split Complementary

#335C71

#71333D

#716733

Tetradic

#335C71

#673371

#714833

#3D7133

Color Blindness Simulation

Original

#335C71

Protanopia

#45456C

Deuteranopia

#423F6B

Tritanopia

#356867

Achromatopsia

#555555

CSS Usage

background-color: #335C71;
color: #335C71;
border-color: #335C71;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEE0E9
300
#ABC9D9
400
#7DACC4
500
#4F8FB0
600
#3F728D
700
#335C70
800
#284858
900
#203641
950
#142229

Contrast Checker

Text on white

7.22:1

AA Pass AAA Pass

Text on black

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