#02524D

#02524D

Color Values

HEX

#02524D

RGB

2, 82, 77

HSL

176.2, 95.2%, 16.5%

HSV

176.2, 97.6%, 32.2%

CMYK

97.6%, 0.0%, 6.1%, 67.8%

OKLCH

0.3955 0.0681 187.7

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#02524D

#520207

Analogous

#025225

#022F52

#02524D

Triadic

#02524D

#4D0252

#524D02

Split Complementary

#02524D

#52022F

#522502

Tetradic

#02524D

#250252

#520207

#2F5202

Color Blindness Simulation

Original

#02524D

Protanopia

#25254E

Deuteranopia

#201A4E

Tritanopia

#064F4F

Achromatopsia

#414141

CSS Usage

background-color: #02524D;
color: #02524D;
border-color: #02524D;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F1FEFD
100
#DFFCFA
200
#B9FDF9
300
#88FCF5
400
#47FAEF
500
#06F9EA
600
#05C7BB
700
#049F95
800
#037C75
900
#075A55
950
#043935

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

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