#03524C

#03524C

Color Values

HEX

#03524C

RGB

3, 82, 76

HSL

175.4, 92.9%, 16.7%

HSV

175.4, 96.3%, 32.2%

CMYK

96.3%, 0.0%, 7.3%, 67.8%

OKLCH

0.3952 0.0682 186.3

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#03524C

#520309

Analogous

#035225

#033152

#03524C

Triadic

#03524C

#4C0352

#524C03

Split Complementary

#03524C

#520331

#522503

Tetradic

#03524C

#250352

#520309

#315203

Color Blindness Simulation

Original

#03524C

Protanopia

#25264D

Deuteranopia

#211B4E

Tritanopia

#074F4F

Achromatopsia

#414141

CSS Usage

background-color: #03524C;
color: #03524C;
border-color: #03524C;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F1FDFC
100
#DFFBF9
200
#BAFCF7
300
#89FBF2
400
#49F8EB
500
#09F6E4
600
#07C5B6
700
#069D92
800
#057B72
900
#085953
950
#053834

Contrast Checker

Text on white

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