#02525B

#02525B

Color Values

HEX

#02525B

RGB

2, 82, 91

HSL

186.1, 95.7%, 18.2%

HSV

186.1, 97.8%, 35.7%

CMYK

97.8%, 9.9%, 0.0%, 64.3%

OKLCH

0.4014 0.0682 207.7

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#02525B

#5B0B02

Analogous

#025B37

#02255B

#02525B

Triadic

#02525B

#5B0252

#525B02

Split Complementary

#02525B

#5B0225

#5B3702

Tetradic

#02525B

#37025B

#5B0B02

#255B02

Color Blindness Simulation

Original

#02525B

Protanopia

#252559

Deuteranopia

#201A58

Tritanopia

#065757

Achromatopsia

#424242

CSS Usage

background-color: #02525B;
color: #02525B;
border-color: #02525B;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F1FCFE
100
#DFF9FC
200
#B9F7FD
300
#87F0FC
400
#46E9FB
500
#05E1FA
600
#04B4C8
700
#0490A0
800
#03707D
900
#07525A
950
#043439

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

2.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026