#306873

#306873

Color Values

HEX

#306873

RGB

48, 104, 115

HSL

189.9, 41.1%, 32.0%

HSV

189.9, 58.3%, 45.1%

CMYK

58.3%, 9.6%, 0.0%, 54.9%

OKLCH

0.4842 0.0611 212.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#306873

#733B30

Analogous

#30735D

#304773

#306873

Triadic

#306873

#733068

#687330

Split Complementary

#306873

#733047

#735D30

Tetradic

#306873

#5D3073

#733B30

#477330

Color Blindness Simulation

Original

#306873

Protanopia

#484970

Deuteranopia

#454170

Tritanopia

#336E6E

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE5EA
300
#A9D3DB
400
#7ABBC7
500
#4BA3B4
600
#3C8290
700
#306873
800
#26515A
900
#1F3C42
950
#13262A

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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