#38686C

#38686C

Color Values

HEX

#38686C

RGB

56, 104, 108

HSL

184.6, 31.7%, 32.2%

HSV

184.6, 48.1%, 42.4%

CMYK

48.1%, 3.7%, 0.0%, 57.6%

OKLCH

0.4851 0.0526 202.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#38686C

#6C3C38

Analogous

#386C56

#384E6C

#38686C

Triadic

#38686C

#6C3868

#686C38

Split Complementary

#38686C

#6C384E

#6C5638

Tetradic

#38686C

#56386C

#6C3C38

#4E6C38

Color Blindness Simulation

Original

#38686C

Protanopia

#4D4D6B

Deuteranopia

#4A466B

Tritanopia

#3A6A6A

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED2D5
400
#83BABF
500
#57A2A8
600
#468186
700
#38686B
800
#2C5154
900
#233C3E
950
#162627

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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