#30618A

#30618A

Color Values

HEX

#30618A

RGB

48, 97, 138

HSL

207.3, 48.4%, 36.5%

HSV

207.3, 65.2%, 54.1%

CMYK

65.2%, 29.7%, 0.0%, 45.9%

OKLCH

0.4776 0.0852 246.1

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#30618A

#8A5930

Analogous

#308A86

#30348A

#30618A

Triadic

#30618A

#8A3061

#618A30

Split Complementary

#30618A

#8A3034

#8A8630

Tetradic

#30618A

#86308A

#8A5930

#348A30

Color Blindness Simulation

Original

#30618A

Protanopia

#454680

Deuteranopia

#423F7E

Tritanopia

#327877

Achromatopsia

#5A5A5A

CSS Usage

background-color: #30618A;
color: #30618A;
border-color: #30618A;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CADDED
300
#A4C4DF
400
#73A5CE
500
#4285BD
600
#356A97
700
#2A5579
800
#21435F
900
#1B3246
950
#11202C

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

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