#33505C

#33505C

Color Values

HEX

#33505C

RGB

51, 80, 92

HSL

197.6, 28.7%, 28.0%

HSV

197.6, 44.6%, 36.1%

CMYK

44.6%, 13.0%, 0.0%, 63.9%

OKLCH

0.4134 0.04 225.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#33505C

#5C3F33

Analogous

#335C53

#333B5C

#33505C

Triadic

#33505C

#5C3350

#505C33

Split Complementary

#33505C

#5C333B

#5C5333

Tetradic

#33505C

#53335C

#5C3F33

#3B5C33

Color Blindness Simulation

Original

#33505C

Protanopia

#404059

Deuteranopia

#3E3C58

Tritanopia

#345756

Achromatopsia

#4B4B4B

CSS Usage

background-color: #33505C;
color: #33505C;
border-color: #33505C;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1E0E6
300
#B0C9D3
400
#86ACBC
500
#5B8FA4
600
#497283
700
#3A5B69
800
#2D4752
900
#24363D
950
#172227

Contrast Checker

Text on white

8.6:1

AA Pass AAA Pass

Text on black

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