#020F25

#020F25

Color Values

HEX

#020F25

RGB

2, 15, 37

HSL

217.7, 89.7%, 7.6%

HSV

217.7, 94.6%, 14.5%

CMYK

94.6%, 59.5%, 0.0%, 85.5%

OKLCH

0.1707 0.0506 257.0

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#020F25

#251802

Analogous

#022025

#060225

#020F25

Triadic

#020F25

#25020F

#0F2502

Split Complementary

#020F25

#250602

#202502

Tetradic

#020F25

#250220

#251802

#022506

Color Blindness Simulation

Original

#020F25

Protanopia

#080820

Deuteranopia

#07061E

Tritanopia

#031B1B

Achromatopsia

#0E0E0E

CSS Usage

background-color: #020F25;
color: #020F25;
border-color: #020F25;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD3FB
300
#8BB4F9
400
#4C8BF5
500
#0D62F2
600
#0B4FC1
700
#083F9B
800
#073179
900
#092658
950
#061837

Contrast Checker

Text on white

19.13:1

AA Pass AAA Pass

Text on black

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