#270222

#270222

Color Values

HEX

#270222

RGB

39, 2, 34

HSL

308.1, 90.2%, 8.0%

HSV

308.1, 94.9%, 15.3%

CMYK

0.0%, 94.9%, 12.8%, 84.7%

OKLCH

0.1912 0.0786 334.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#270222

#022707

Analogous

#190227

#27020F

#270222

Triadic

#270222

#222702

#022227

Split Complementary

#270222

#0F2702

#022719

Tetradic

#270222

#271902

#022707

#020F27

Color Blindness Simulation

Original

#270222

Protanopia

#17171A

Deuteranopia

#191C18

Tritanopia

#251413

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBBF3
300
#F98BEA
400
#F64CDF
500
#F30CD3
600
#C20AA9
700
#9B0887
800
#79066A
900
#58094D
950
#370631

Contrast Checker

Text on white

18.78:1

AA Pass AAA Pass

Text on black

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