#335D7D

#335D7D

Color Values

HEX

#335D7D

RGB

51, 93, 125

HSL

205.9, 42.0%, 34.5%

HSV

205.9, 59.2%, 49.0%

CMYK

59.2%, 25.6%, 0.0%, 51.0%

OKLCH

0.4622 0.0704 243.1

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#335D7D

#7D5333

Analogous

#337D78

#33387D

#335D7D

Triadic

#335D7D

#7D335D

#5D7D33

Split Complementary

#335D7D

#7D3338

#7D7833

Tetradic

#335D7D

#78337D

#7D5333

#387D33

Color Blindness Simulation

Original

#335D7D

Protanopia

#454675

Deuteranopia

#434073

Tritanopia

#356F6E

Achromatopsia

#565656

CSS Usage

background-color: #335D7D;
color: #335D7D;
border-color: #335D7D;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEA
300
#A8C5DC
400
#79A6C8
500
#4A87B5
600
#3B6C91
700
#2F5674
800
#25435B
900
#1E3343
950
#13202A

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

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