#336569

#336569

Color Values

HEX

#336569

RGB

51, 101, 105

HSL

184.4, 34.6%, 30.6%

HSV

184.4, 51.4%, 41.2%

CMYK

51.4%, 3.8%, 0.0%, 58.8%

OKLCH

0.4736 0.0542 202.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#336569

#693733

Analogous

#336952

#334A69

#336569

Triadic

#336569

#693365

#656933

Split Complementary

#336569

#69334A

#695233

Tetradic

#336569

#523369

#693733

#4A6933

Color Blindness Simulation

Original

#336569

Protanopia

#494968

Deuteranopia

#464268

Tritanopia

#366767

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE6E8
300
#ADD4D7
400
#80BDC1
500
#53A5AC
600
#438489
700
#356A6E
800
#2A5356
900
#213D40
950
#152728

Contrast Checker

Text on white

6.55:1

AA Pass AAA Fail

Text on black

3.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026