#306198

#306198

Color Values

HEX

#306198

RGB

48, 97, 152

HSL

211.7, 52.0%, 39.2%

HSV

211.7, 68.4%, 59.6%

CMYK

68.4%, 36.2%, 0.0%, 40.4%

OKLCH

0.4856 0.1037 253.0

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#306198

#986730

Analogous

#309598

#333098

#306198

Triadic

#306198

#983061

#619830

Split Complementary

#306198

#983330

#959830

Tetradic

#306198

#983095

#986730

#309833

Color Blindness Simulation

Original

#306198

Protanopia

#45468B

Deuteranopia

#423F88

Tritanopia

#32807E

Achromatopsia

#5B5B5B

CSS Usage

background-color: #306198;
color: #306198;
border-color: #306198;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DAEE
300
#A2C0E2
400
#709ED2
500
#3D7CC2
600
#31639B
700
#274F7C
800
#1F3E61
900
#1A2F47
950
#101E2D

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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