#306166

#306166

Color Values

HEX

#306166

RGB

48, 97, 102

HSL

185.6, 36.0%, 29.4%

HSV

185.6, 52.9%, 40.0%

CMYK

52.9%, 4.9%, 0.0%, 60.0%

OKLCH

0.4605 0.0535 204.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#306166

#663530

Analogous

#306650

#304666

#306166

Triadic

#306166

#663061

#616630

Split Complementary

#306166

#663046

#665030

Tetradic

#306166

#503066

#663530

#466630

Color Blindness Simulation

Original

#306166

Protanopia

#454665

Deuteranopia

#423F64

Tritanopia

#326464

Achromatopsia

#575757

CSS Usage

background-color: #306166;
color: #306166;
border-color: #306166;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CEE6E8
300
#ACD4D8
400
#7FBCC3
500
#52A5AD
600
#41848B
700
#34696F
800
#295257
900
#213D40
950
#152729

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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