#306499

#306499

Color Values

HEX

#306499

RGB

48, 100, 153

HSL

210.3, 52.2%, 39.4%

HSV

210.3, 68.6%, 60.0%

CMYK

68.6%, 34.6%, 0.0%, 40.0%

OKLCH

0.4933 0.1019 251.0

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#306499

#996530

Analogous

#309899

#313099

#306499

Triadic

#306499

#993064

#649930

Split Complementary

#306499

#993130

#989930

Tetradic

#306499

#993098

#996530

#309931

Color Blindness Simulation

Original

#306499

Protanopia

#47478C

Deuteranopia

#444089

Tritanopia

#338280

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DBEE
300
#A2C1E2
400
#6FA0D2
500
#3D7FC2
600
#31659B
700
#27517C
800
#1E3F61
900
#1A3047
950
#101E2D

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

3.41:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026