#35486F

#35486F

Color Values

HEX

#35486F

RGB

53, 72, 111

HSL

220.3, 35.4%, 32.2%

HSV

220.3, 52.3%, 43.5%

CMYK

52.3%, 35.1%, 0.0%, 56.5%

OKLCH

0.4043 0.0704 263.8

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#35486F

#6F5C35

Analogous

#35656F

#3F356F

#35486F

Triadic

#35486F

#6F3548

#486F35

Split Complementary

#35486F

#6F3F35

#656F35

Tetradic

#35486F

#6F3565

#6F5C35

#356F3F

Color Blindness Simulation

Original

#35486F

Protanopia

#3D3D66

Deuteranopia

#3C3B63

Tritanopia

#365E5C

Achromatopsia

#474747

CSS Usage

background-color: #35486F;
color: #35486F;
border-color: #35486F;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F7FA
100
#E8EBF3
200
#CFD7E8
300
#ACBAD7
400
#7F95C2
500
#5270AD
600
#425A8A
700
#35486E
800
#293856
900
#212B40
950
#151B28

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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