#2F022E

#2F022E

Color Values

HEX

#2F022E

RGB

47, 2, 46

HSL

301.3, 91.8%, 9.6%

HSV

301.3, 95.7%, 18.4%

CMYK

0.0%, 95.7%, 2.1%, 81.6%

OKLCH

0.2163 0.0937 329.2

Properties

Warm Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#2F022E

#022F03

Analogous

#19022F

#2F0218

#2F022E

Triadic

#2F022E

#2E2F02

#022E2F

Split Complementary

#2F022E

#182F02

#022F19

Tetradic

#2F022E

#2F1902

#022F03

#02182F

Color Blindness Simulation

Original

#2F022E

Protanopia

#1C1B23

Deuteranopia

#1E2221

Tritanopia

#2D1B19

Achromatopsia

#0F0F0F

CSS Usage

background-color: #2F022E;
color: #2F022E;
border-color: #2F022E;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFB
300
#FA8AF8
400
#F74AF4
500
#F50AEF
600
#C408C0
700
#9D0799
800
#7A0578
900
#580857
950
#380537

Contrast Checker

Text on white

17.96:1

AA Pass AAA Pass

Text on black

1.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026