#02242B

#02242B

Color Values

HEX

#02242B

RGB

2, 36, 43

HSL

190.2, 91.1%, 8.8%

HSV

190.2, 95.3%, 16.9%

CMYK

95.3%, 16.3%, 0.0%, 83.1%

OKLCH

0.2402 0.0403 214.4

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#02242B

#2B0902

Analogous

#022B1D

#020F2B

#02242B

Triadic

#02242B

#2B0224

#242B02

Split Complementary

#02242B

#2B020F

#2B1D02

Tetradic

#02242B

#1D022B

#2B0902

#0F2B02

Color Blindness Simulation

Original

#02242B

Protanopia

#111129

Deuteranopia

#0F0C29

Tritanopia

#042828

Achromatopsia

#1D1D1D

CSS Usage

background-color: #02242B;
color: #02242B;
border-color: #02242B;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF1FC
300
#8AE7FA
400
#4BD9F7
500
#0BCCF4
600
#09A3C3
700
#07839C
800
#06667A
900
#094B58
950
#062F38

Contrast Checker

Text on white

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