#003533

#003533

Color Values

HEX

#003533

RGB

0, 53, 51

HSL

177.7, 100.0%, 10.4%

HSV

177.7, 100.0%, 20.8%

CMYK

100.0%, 0.0%, 3.8%, 79.2%

OKLCH

0.297 0.0512 190.7

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#003533

#350002

Analogous

#003518

#001D35

#003533

Triadic

#003533

#330035

#353300

Split Complementary

#003533

#35001D

#351800

Tetradic

#003533

#180035

#350002

#1D3500

Color Blindness Simulation

Original

#003533

Protanopia

#171733

Deuteranopia

#141034

Tritanopia

#033434

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFB
200
#B8FFFC
300
#85FFFA
400
#42FFF8
500
#00FFF5
600
#00CCC4
700
#00A39D
800
#00807B
900
#055C59
950
#033A38

Contrast Checker

Text on white

13.49:1

AA Pass AAA Pass

Text on black

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