#305FAD

#305FAD

Color Values

HEX

#305FAD

RGB

48, 95, 173

HSL

217,4, 56,6%, 43,3%

HSV

217,4, 72,3%, 67,8%

CMYK

72,3%, 45,1%, 0,0%, 32,2%

OKLCH

0,4944 0,1349 260,0

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#305FAD

#AD7E30

Analogous

#309DAD

#3F30AD

#305FAD

Triadic

#305FAD

#AD305F

#5FAD30

Split Complementary

#305FAD

#AD3F30

#9DAD30

Tetradic

#305FAD

#AD309D

#AD7E30

#30AD3F

Color Blindness Simulation

Original

#305FAD

Protanopia

#44459A

Deuteranopia

#423E96

Tritanopia

#328B88

Achromatopsia

#5B5B5B

CSS Usage

background-color: #305FAD;
color: #305FAD;
border-color: #305FAD;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E5EBF6
200
#C7D6F0
300
#9FB9E4
400
#6B93D6
500
#376EC8
600
#2C58A0
700
#234680
800
#1C3764
900
#182A49
950
#0F1B2E

Contrast Checker

Text on white

6,24:1

AA Pass AAA Fail

Text on black

3,37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026