#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026