#35387D

#35387D

Color Values

HEX

#35387D

RGB

53, 56, 125

HSL

237.5, 40.4%, 34.9%

HSV

237.5, 57.6%, 49.0%

CMYK

57.6%, 55.2%, 0.0%, 51.0%

OKLCH

0.378 0.1147 277.5

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#35387D

#7D7A35

Analogous

#355C7D

#56357D

#35387D

Triadic

#35387D

#7D3538

#387D35

Split Complementary

#35387D

#7D5635

#5C7D35

Tetradic

#35387D

#7D355C

#7D7A35

#357D56

Color Blindness Simulation

Original

#35387D

Protanopia

#36366C

Deuteranopia

#363668

Tritanopia

#355F5C

Achromatopsia

#3C3C3C

CSS Usage

background-color: #35387D;
color: #35387D;
border-color: #35387D;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCEEA
300
#A9ABDB
400
#7B7EC7
500
#4C50B3
600
#3D408F
700
#313373
800
#26285A
900
#1F2042
950
#13142A

Contrast Checker

Text on white

10.43:1

AA Pass AAA Pass

Text on black

2.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026