#335670

#335670

Color Values

HEX

#335670

RGB

51, 86, 112

HSL

205.6, 37.4%, 32.0%

HSV

205.6, 54.5%, 43.9%

CMYK

54.5%, 23.2%, 0.0%, 56.1%

OKLCH

0.4381 0.0592 242.0

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#335670

#704D33

Analogous

#33706C

#333870

#335670

Triadic

#335670

#703356

#567033

Split Complementary

#335670

#703338

#706C33

Tetradic

#335670

#6C3370

#704D33

#387033

Color Blindness Simulation

Original

#335670

Protanopia

#42426A

Deuteranopia

#403E68

Tritanopia

#356564

Achromatopsia

#505050

CSS Usage

background-color: #335670;
color: #335670;
border-color: #335670;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDDE9
300
#ABC5D9
400
#7DA6C4
500
#5086AF
600
#406C8C
700
#335670
800
#284358
900
#203341
950
#142029

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

2.71:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026