#38686B

#38686B

Color Values

HEX

#38686B

RGB

56, 104, 107

HSL

183.5, 31.3%, 32.0%

HSV

183.5, 47.7%, 42.0%

CMYK

47.7%, 2.8%, 0.0%, 58.0%

OKLCH

0.4847 0.0525 200.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#38686B

#6B3B38

Analogous

#386B55

#384F6B

#38686B

Triadic

#38686B

#6B3868

#686B38

Split Complementary

#38686B

#6B384F

#6B5538

Tetradic

#38686B

#55386B

#6B3B38

#4F6B38

Color Blindness Simulation

Original

#38686B

Protanopia

#4D4D6A

Deuteranopia

#4A466A

Tritanopia

#3A6A6A

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E6
300
#AFD3D5
400
#83BBBE
500
#58A3A7
600
#468286
700
#38686B
800
#2C5154
900
#233D3E
950
#162627

Contrast Checker

Text on white

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