#35686C

#35686C

Color Values

HEX

#35686C

RGB

53, 104, 108

HSL

184.4, 34.2%, 31.6%

HSV

184.4, 50.9%, 42.4%

CMYK

50.9%, 3.7%, 0.0%, 57.6%

OKLCH

0.4836 0.0551 202.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#35686C

#6C3935

Analogous

#356C55

#354D6C

#35686C

Triadic

#35686C

#6C3568

#686C35

Split Complementary

#35686C

#6C354D

#6C5535

Tetradic

#35686C

#55356C

#6C3935

#4D6C35

Color Blindness Simulation

Original

#35686C

Protanopia

#4B4C6B

Deuteranopia

#48446B

Tritanopia

#386A6A

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE6E8
300
#ADD4D7
400
#80BCC1
500
#54A5AB
600
#438489
700
#36696E
800
#2A5256
900
#223D3F
950
#152728

Contrast Checker

Text on white

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