#042525

#042525

Color Values

HEX

#042525

RGB

4, 37, 37

HSL

180.0, 80.5%, 8.0%

HSV

180.0, 89.2%, 14.5%

CMYK

89.2%, 0.0%, 0.0%, 85.5%

OKLCH

0.2413 0.0374 195.0

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#042525

#250404

Analogous

#042514

#041425

#042525

Triadic

#042525

#250425

#252504

Split Complementary

#042525

#250414

#251404

Tetradic

#042525

#140425

#250404

#142504

Color Blindness Simulation

Original

#042525

Protanopia

#121325

Deuteranopia

#100E25

Tritanopia

#062525

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E1F9F9
200
#BFF8F8
300
#91F3F3
400
#55EDED
500
#19E6E6
600
#14B8B8
700
#109393
800
#0C7373
900
#0D5454
950
#083535

Contrast Checker

Text on white

16.2:1

AA Pass AAA Pass

Text on black

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