#02242D

#02242D

Color Values

HEX

#02242D

RGB

2, 36, 45

HSL

192.6, 91.5%, 9.2%

HSV

192.6, 95.6%, 17.6%

CMYK

95.6%, 20.0%, 0.0%, 82.4%

OKLCH

0.2413 0.0417 219.4

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#02242D

#2D0B02

Analogous

#022D20

#020E2D

#02242D

Triadic

#02242D

#2D0224

#242D02

Split Complementary

#02242D

#2D020E

#2D2002

Tetradic

#02242D

#20022D

#2D0B02

#0E2D02

Color Blindness Simulation

Original

#02242D

Protanopia

#11112B

Deuteranopia

#0F0C2A

Tritanopia

#042929

Achromatopsia

#1D1D1D

CSS Usage

background-color: #02242D;
color: #02242D;
border-color: #02242D;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEEFC
300
#8AE2FA
400
#4AD3F7
500
#0BC3F4
600
#099CC3
700
#077D9C
800
#05627A
900
#094858
950
#052D38

Contrast Checker

Text on white

16.24:1

AA Pass AAA Pass

Text on black

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