#304674

#304674

Color Values

HEX

#304674

RGB

48, 70, 116

HSL

220.6, 41.5%, 32.2%

HSV

220.6, 58.6%, 45.5%

CMYK

58.6%, 39.7%, 0.0%, 54.5%

OKLCH

0.3994 0.0828 263.7

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#304674

#745E30

Analogous

#306874

#3C3074

#304674

Triadic

#304674

#743046

#467430

Split Complementary

#304674

#743C30

#687430

Tetradic

#304674

#743068

#745E30

#30743C

Color Blindness Simulation

Original

#304674

Protanopia

#3A3A69

Deuteranopia

#383766

Tritanopia

#31605E

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CCD6EA
300
#A8B9DB
400
#7993C8
500
#4B6DB4
600
#3C5790
700
#304673
800
#25365A
900
#1E2A43
950
#131B2A

Contrast Checker

Text on white

9.32:1

AA Pass AAA Pass

Text on black

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