#33575F

#33575F

Color Values

HEX

#33575F

RGB

51, 87, 95

HSL

190.9, 30.1%, 28.6%

HSV

190.9, 46.3%, 37.3%

CMYK

46.3%, 8.4%, 0.0%, 62.7%

OKLCH

0.4329 0.0434 213.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#33575F

#5F3B33

Analogous

#335F51

#33415F

#33575F

Triadic

#33575F

#5F3357

#575F33

Split Complementary

#33575F

#5F3341

#5F5133

Tetradic

#33575F

#51335F

#5F3B33

#415F33

Color Blindness Simulation

Original

#33575F

Protanopia

#43435D

Deuteranopia

#403E5D

Tritanopia

#355C5B

Achromatopsia

#505050

CSS Usage

background-color: #33575F;
color: #33575F;
border-color: #33575F;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F9F9
100
#E9F0F2
200
#D1E2E6
300
#AFCED4
400
#84B3BD
500
#5998A6
600
#477A85
700
#39616A
800
#2D4C53
900
#23393E
950
#162427

Contrast Checker

Text on white

7.87:1

AA Pass AAA Pass

Text on black

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