#270422

#270422

Color Values

HEX

#270422

RGB

39, 4, 34

HSL

308.6, 81.4%, 8.4%

HSV

308.6, 89.7%, 15.3%

CMYK

0.0%, 89.7%, 12.8%, 84.7%

OKLCH

0.1948 0.0738 334.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#270422

#042709

Analogous

#1A0427

#270410

#270422

Triadic

#270422

#222704

#042227

Split Complementary

#270422

#102704

#04271A

Tetradic

#270422

#271A04

#042709

#041027

Color Blindness Simulation

Original

#270422

Protanopia

#18181B

Deuteranopia

#1A1C19

Tritanopia

#251514

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F6
200
#F8BEF0
300
#F490E5
400
#ED54D7
500
#E718CA
600
#B913A1
700
#940F81
800
#740C65
900
#540D4A
950
#35082F

Contrast Checker

Text on white

18.64:1

AA Pass AAA Pass

Text on black

1.13:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026