#38585E

#38585E

Color Values

HEX

#38585E

RGB

56, 88, 94

HSL

189.5, 25.3%, 29.4%

HSV

189.5, 40.4%, 36.9%

CMYK

40.4%, 6.4%, 0.0%, 63.1%

OKLCH

0.438 0.0387 210.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#38585E

#5E3E38

Analogous

#385E51

#38455E

#38585E

Triadic

#38585E

#5E3858

#585E38

Split Complementary

#38585E

#5E3845

#5E5138

Tetradic

#38585E

#51385E

#5E3E38

#455E38

Color Blindness Simulation

Original

#38585E

Protanopia

#46465D

Deuteranopia

#44425C

Tritanopia

#3A5B5B

Achromatopsia

#525252

CSS Usage

background-color: #38585E;
color: #38585E;
border-color: #38585E;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D2E1E4
300
#B2CCD1
400
#89B1B9
500
#5F96A0
600
#4C7880
700
#3D6066
800
#304B50
900
#25383B
950
#182326

Contrast Checker

Text on white

7.7:1

AA Pass AAA Pass

Text on black

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