#22281A

#22281A

Color Values

HEX

#22281A

RGB

34, 40, 26

HSL

85.7, 21.2%, 12.9%

HSV

85.7, 35.0%, 15.7%

CMYK

15.0%, 0.0%, 35.0%, 84.3%

OKLCH

0.2662 0.0264 127.0

Properties

Cool Dark Nearest: RAL 6022 Olive Drab

Color Harmonies

Complementary

#22281A

#201A28

Analogous

#28271A

#1B281A

#22281A

Triadic

#22281A

#1A2228

#281A22

Split Complementary

#22281A

#1A1B28

#271A28

Tetradic

#22281A

#1A2827

#201A28

#281A1B

Color Blindness Simulation

Original

#22281A

Protanopia

#25251D

Deuteranopia

#24241E

Tritanopia

#222021

Achromatopsia

#262626

CSS Usage

background-color: #22281A;
color: #22281A;
border-color: #22281A;
Nearest Tailwind: Neutral 800 #262626

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DCE3D4
300
#C4CFB5
400
#A4B58D
500
#839B64
600
#697C50
700
#546340
800
#424D32
900
#323A27
950
#1F2419

Contrast Checker

Text on white

15.15:1

AA Pass AAA Pass

Text on black

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