#30638E

#30638E

Color Values

HEX

#30638E

RGB

48, 99, 142

HSL

207.4, 49.5%, 37.3%

HSV

207.4, 66.2%, 55.7%

CMYK

66.2%, 30.3%, 0.0%, 44.3%

OKLCH

0.4847 0.0886 246.4

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#30638E

#8E5B30

Analogous

#308E8A

#30348E

#30638E

Triadic

#30638E

#8E3063

#638E30

Split Complementary

#30638E

#8E3034

#8E8A30

Tetradic

#30638E

#8A308E

#8E5B30

#348E30

Color Blindness Simulation

Original

#30638E

Protanopia

#464784

Deuteranopia

#433F81

Tritanopia

#337B7A

Achromatopsia

#5B5B5B

CSS Usage

background-color: #30638E;
color: #30638E;
border-color: #30638E;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADDED
300
#A4C4E0
400
#72A5CF
500
#4085BF
600
#346A98
700
#29557A
800
#20425F
900
#1B3246
950
#11202C

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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