#2F1235

#2F1235

Color Values

HEX

#2F1235

RGB

47, 18, 53

HSL

289.7, 49.3%, 13.9%

HSV

289.7, 66.0%, 20.8%

CMYK

11.3%, 66.0%, 0.0%, 79.2%

OKLCH

0.2438 0.0729 320.5

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#2F1235

#183512

Analogous

#1D1235

#351229

#2F1235

Triadic

#2F1235

#352F12

#12352F

Split Complementary

#2F1235

#293512

#12351D

Tetradic

#2F1235

#351D12

#183512

#122935

Color Blindness Simulation

Original

#2F1235

Protanopia

#22222D

Deuteranopia

#24262A

Tritanopia

#2E2624

Achromatopsia

#1B1B1B

CSS Usage

background-color: #2F1235;
color: #2F1235;
border-color: #2F1235;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F9F4FB
100
#F2E6F5
200
#E7CAED
300
#D6A4E0
400
#BF72CF
500
#A941BE
600
#873498
700
#6C297A
800
#54205F
900
#3F1B46
950
#28112C

Contrast Checker

Text on white

16.68:1

AA Pass AAA Pass

Text on black

1.26:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026