#338699

#338699

Color Values

HEX

#338699

RGB

51, 134, 153

HSL

191.2, 50.0%, 40.0%

HSV

191.2, 66.7%, 60.0%

CMYK

66.7%, 12.4%, 0.0%, 40.0%

OKLCH

0.5779 0.0836 215.7

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#338699

#994633

Analogous

#339979

#335399

#338699

Triadic

#338699

#993386

#869933

Split Complementary

#338699

#993353

#997933

Tetradic

#338699

#793399

#994633

#539933

Color Blindness Simulation

Original

#338699

Protanopia

#575894

Deuteranopia

#524C93

Tritanopia

#379190

Achromatopsia

#767676

CSS Usage

background-color: #338699;
color: #338699;
border-color: #338699;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FB
100
#E6F2F5
200
#C9E6ED
300
#A3D5E0
400
#71BED0
500
#40A7BF
600
#338699
700
#296B7A
800
#205460
900
#1B3E46
950
#11272C

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass 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