#306373

#306373

Color Values

HEX

#306373

RGB

48, 99, 115

HSL

194.3, 41.1%, 32.0%

HSV

194.3, 58.3%, 45.1%

CMYK

58.3%, 13.9%, 0.0%, 54.9%

OKLCH

0.4712 0.0603 220.9

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#306373

#734030

Analogous

#307362

#304273

#306373

Triadic

#306373

#733063

#637330

Split Complementary

#306373

#733042

#736230

Tetradic

#306373

#623073

#734030

#427330

Color Blindness Simulation

Original

#306373

Protanopia

#46476F

Deuteranopia

#433F6E

Tritanopia

#336C6B

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F0F3
200
#CDE3EA
300
#A9CFDB
400
#7AB5C7
500
#4B9BB4
600
#3C7C90
700
#306373
800
#264D5A
900
#1F3A42
950
#13252A

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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