#3B635E

#3B635E

Color Values

HEX

#3B635E

RGB

59, 99, 94

HSL

172.5, 25.3%, 31.0%

HSV

172.5, 40.4%, 38.8%

CMYK

40.4%, 0.0%, 5.1%, 61.2%

OKLCH

0.4685 0.0461 185.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3B635E

#633B40

Analogous

#3B634A

#3B5463

#3B635E

Triadic

#3B635E

#5E3B63

#635E3B

Split Complementary

#3B635E

#633B54

#634A3B

Tetradic

#3B635E

#4A3B63

#633B40

#54633B

Color Blindness Simulation

Original

#3B635E

Protanopia

#4C4D5F

Deuteranopia

#4A4760

Tritanopia

#3D6060

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E4E2
300
#B2D1CD
400
#89B9B3
500
#5FA098
600
#4C8079
700
#3D6661
800
#30504C
900
#253B39
950
#182624

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026