#3D6366

#3D6366

Color Values

HEX

#3D6366

RGB

61, 99, 102

HSL

184.4, 25.2%, 32.0%

HSV

184.4, 40.2%, 40.0%

CMYK

40.2%, 2.9%, 0.0%, 60.0%

OKLCH

0.4725 0.0434 202.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3D6366

#66403D

Analogous

#3D6655

#3D4F66

#3D6366

Triadic

#3D6366

#663D63

#63663D

Split Complementary

#3D6366

#663D4F

#66553D

Tetradic

#3D6366

#553D66

#66403D

#4F663D

Color Blindness Simulation

Original

#3D6366

Protanopia

#4D4E65

Deuteranopia

#4B4865

Tritanopia

#3F6565

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E4
300
#B2CFD1
400
#89B5B8
500
#5F9BA0
600
#4C7C80
700
#3D6366
800
#304D50
900
#253A3B
950
#182526

Contrast Checker

Text on white

6.61:1

AA Pass AAA Fail

Text on black

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