#052F30

#052F30

Color Values

HEX

#052F30

RGB

5, 47, 48

HSL

181.4, 81.1%, 10.4%

HSV

181.4, 89.6%, 18.8%

CMYK

89.6%, 2.1%, 0.0%, 81.2%

OKLCH

0.2785 0.0438 197.3

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#052F30

#300605

Analogous

#05301C

#051A30

#052F30

Triadic

#052F30

#30052F

#2F3005

Split Complementary

#052F30

#30051A

#301C05

Tetradic

#052F30

#1C0530

#300605

#1A3005

Color Blindness Simulation

Original

#052F30

Protanopia

#171830

Deuteranopia

#151230

Tritanopia

#073030

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F9F9
200
#BEF7F8
300
#90F1F3
400
#54EAED
500
#18E2E7
600
#13B5B9
700
#0F9194
800
#0C7173
900
#0D5254
950
#083435

Contrast Checker

Text on white

14.43:1

AA Pass AAA Pass

Text on black

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