#306774

#306774

Color Values

HEX

#306774

RGB

48, 103, 116

HSL

191.5, 41.5%, 32.2%

HSV

191.5, 58.6%, 45.5%

CMYK

58.6%, 11.2%, 0.0%, 54.5%

OKLCH

0.482 0.0613 215.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#306774

#743D30

Analogous

#30745F

#304574

#306774

Triadic

#306774

#743067

#677430

Split Complementary

#306774

#743045

#745F30

Tetradic

#306774

#5F3074

#743D30

#457430

Color Blindness Simulation

Original

#306774

Protanopia

#484871

Deuteranopia

#454070

Tritanopia

#336E6E

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CCE4EA
300
#A8D1DB
400
#79B9C8
500
#4BA0B4
600
#3C8090
700
#306673
800
#25505A
900
#1E3C43
950
#13262A

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

3.32:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026