#2F1070

#2F1070

Color Values

HEX

#2F1070

RGB

47, 16, 112

HSL

259.4, 75.0%, 25.1%

HSV

259.4, 85.7%, 43.9%

CMYK

58.0%, 85.7%, 0.0%, 56.1%

OKLCH

0.2957 0.1481 288.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2F1070

#517010

Analogous

#102170

#5F1070

#2F1070

Triadic

#2F1070

#702F10

#10702F

Split Complementary

#2F1070

#705F10

#217010

Tetradic

#2F1070

#701021

#517010

#10705F

Color Blindness Simulation

Original

#2F1070

Protanopia

#222159

Deuteranopia

#232653

Tritanopia

#2D4642

Achromatopsia

#1E1E1E

CSS Usage

background-color: #2F1070;
color: #2F1070;
border-color: #2F1070;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F2FC
100
#E9E2F9
200
#D2C1F6
300
#B294F0
400
#885AE7
500
#5E20DF
600
#4B19B3
700
#3C148F
800
#2F1070
900
#251051
950
#170A33

Contrast Checker

Text on white

14.7:1

AA Pass AAA Pass

Text on black

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