#220825

#220825

Color Values

HEX

#220825

RGB

34, 8, 37

HSL

293.8, 64.4%, 8.8%

HSV

293.8, 78.4%, 14.5%

CMYK

8.1%, 78.4%, 0.0%, 85.5%

OKLCH

0.1946 0.0645 323.4

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#220825

#0B2508

Analogous

#130825

#250819

#220825

Triadic

#220825

#252208

#082522

Split Complementary

#220825

#192508

#082513

Tetradic

#220825

#251308

#0B2508

#081925

Color Blindness Simulation

Original

#220825

Protanopia

#17171E

Deuteranopia

#181A1C

Tritanopia

#211817

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F5E3F7
200
#EEC4F2
300
#E19AE9
400
#D164DD
500
#C12DD2
600
#9A24A8
700
#7B1D86
800
#601769
900
#47144D
950
#2D0D30

Contrast Checker

Text on white

18.59:1

AA Pass AAA Pass

Text on black

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