#304D6F

#304D6F

Color Values

HEX

#304D6F

RGB

48, 77, 111

HSL

212.4, 39.6%, 31.2%

HSV

212.4, 56.8%, 43.5%

CMYK

56.8%, 30.6%, 0.0%, 56.5%

OKLCH

0.4134 0.0672 253.2

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#304D6F

#6F5230

Analogous

#306D6F

#33306F

#304D6F

Triadic

#304D6F

#6F304D

#4D6F30

Split Complementary

#304D6F

#6F3330

#6D6F30

Tetradic

#304D6F

#6F306D

#6F5230

#306F33

Color Blindness Simulation

Original

#304D6F

Protanopia

#3D3D67

Deuteranopia

#3B3965

Tritanopia

#31605F

Achromatopsia

#494949

CSS Usage

background-color: #304D6F;
color: #304D6F;
border-color: #304D6F;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAE9
300
#AAC0DA
400
#7B9EC6
500
#4D7BB2
600
#3E638E
700
#314F72
800
#273E59
900
#1F2F42
950
#141E2A

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

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