#32554F

#32554F

Color Values

HEX

#32554F

RGB

50, 85, 79

HSL

169.7, 25.9%, 26.5%

HSV

169.7, 41.2%, 33.3%

CMYK

41.2%, 0.0%, 7.1%, 66.7%

OKLCH

0.4209 0.042 182.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#32554F

#553238

Analogous

#32553E

#324A55

#32554F

Triadic

#32554F

#4F3255

#554F32

Split Complementary

#32554F

#55324A

#553E32

Tetradic

#32554F

#3E3255

#553238

#4A5532

Color Blindness Simulation

Original

#32554F

Protanopia

#414150

Deuteranopia

#3F3C51

Tritanopia

#345252

Achromatopsia

#4D4D4D

CSS Usage

background-color: #32554F;
color: #32554F;
border-color: #32554F;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D2E5E1
300
#B2D2CC
400
#88B9B1
500
#5EA195
600
#4C8077
700
#3C675F
800
#2F504B
900
#253C38
950
#172623

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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