#306574

#306574

Color Values

HEX

#306574

RGB

48, 101, 116

HSL

193.2, 41.5%, 32.2%

HSV

193.2, 58.6%, 45.5%

CMYK

58.6%, 12.9%, 0.0%, 54.5%

OKLCH

0.4769 0.0611 218.8

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#306574

#743F30

Analogous

#307461

#304374

#306574

Triadic

#306574

#743065

#657430

Split Complementary

#306574

#743043

#746130

Tetradic

#306574

#613074

#743F30

#437430

Color Blindness Simulation

Original

#306574

Protanopia

#474770

Deuteranopia

#44406F

Tritanopia

#336E6D

Achromatopsia

#5B5B5B

CSS Usage

background-color: #306574;
color: #306574;
border-color: #306574;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CCE4EA
300
#A8D0DB
400
#79B7C8
500
#4B9DB4
600
#3C7E90
700
#306573
800
#254F5A
900
#1E3B43
950
#13252A

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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