#053C43

#053C43

Color Values

HEX

#053C43

RGB

5, 60, 67

HSL

186.8, 86.1%, 14.1%

HSV

186.8, 92.5%, 26.3%

CMYK

92.5%, 10.4%, 0.0%, 73.7%

OKLCH

0.3269 0.0536 208.3

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#053C43

#430C05

Analogous

#05432B

#051D43

#053C43

Triadic

#053C43

#43053C

#3C4305

Split Complementary

#053C43

#43051D

#432B05

Tetradic

#053C43

#2B0543

#430C05

#1D4305

Color Blindness Simulation

Original

#053C43

Protanopia

#1D1D41

Deuteranopia

#1A1641

Tritanopia

#084040

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF3FA
300
#8DEBF6
400
#4FDFF2
500
#12D4ED
600
#0EAABE
700
#0B8898
800
#096A77
900
#0B4D56
950
#073136

Contrast Checker

Text on white

12.11:1

AA Pass AAA Pass

Text on black

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