#20393D

#20393D

Color Values

HEX

#20393D

RGB

32, 57, 61

HSL

188.3, 31.2%, 18.2%

HSV

188.3, 47.5%, 23.9%

CMYK

47.5%, 6.6%, 0.0%, 76.1%

OKLCH

0.3261 0.0317 208.6

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#20393D

#3D2420

Analogous

#203D32

#202A3D

#20393D

Triadic

#20393D

#3D2039

#393D20

Split Complementary

#20393D

#3D202A

#3D3220

Tetradic

#20393D

#32203D

#3D2420

#2A3D20

Color Blindness Simulation

Original

#20393D

Protanopia

#2B2B3C

Deuteranopia

#29283C

Tritanopia

#213B3B

Achromatopsia

#343434

CSS Usage

background-color: #20393D;
color: #20393D;
border-color: #20393D;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E3E6
300
#AFD0D5
400
#83B6BE
500
#589CA7
600
#467D86
700
#38646B
800
#2C4E54
900
#233A3E
950
#162527

Contrast Checker

Text on white

12.25:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026