#024045

#024045

Color Values

HEX

#024045

RGB

2, 64, 69

HSL

184.5, 94.4%, 13.9%

HSV

184.5, 97.1%, 27.1%

CMYK

97.1%, 7.2%, 0.0%, 72.9%

OKLCH

0.339 0.0568 203.7

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#024045

#450702

Analogous

#024528

#021E45

#024045

Triadic

#024045

#450240

#404502

Split Complementary

#024045

#45021E

#452802

Tetradic

#024045

#280245

#450702

#1E4502

Color Blindness Simulation

Original

#024045

Protanopia

#1D1D44

Deuteranopia

#191544

Tritanopia

#054343

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFF9FB
200
#BAF8FD
300
#88F3FC
400
#48ECFA
500
#07E6F8
600
#06B8C6
700
#05939F
800
#04737C
900
#07535A
950
#053539

Contrast Checker

Text on white

11.53:1

AA Pass AAA Pass

Text on black

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