#033238

#033238

Color Values

HEX

#033238

RGB

3, 50, 56

HSL

186.8, 89.8%, 11.6%

HSV

186.8, 94.6%, 22.0%

CMYK

94.6%, 10.7%, 0.0%, 78.0%

OKLCH

0.2909 0.048 208.1

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#033238

#380903

Analogous

#033824

#031838

#033238

Triadic

#033238

#380332

#323803

Split Complementary

#033238

#380318

#382403

Tetradic

#033238

#240338

#380903

#183803

Color Blindness Simulation

Original

#033238

Protanopia

#171837

Deuteranopia

#151136

Tritanopia

#053535

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF4FB
300
#8BECF9
400
#4CE2F5
500
#0DD8F2
600
#0AADC2
700
#088A9B
800
#076C79
900
#094F58
950
#063237

Contrast Checker

Text on white

13.84:1

AA Pass AAA Pass

Text on black

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