#2D1247

#2D1247

Color Values

HEX

#2D1247

RGB

45, 18, 71

HSL

270.6, 59.6%, 17.5%

HSV

270.6, 74.6%, 27.8%

CMYK

36.6%, 74.6%, 0.0%, 72.2%

OKLCH

0.2548 0.0951 303.7

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#2D1247

#2C4712

Analogous

#131247

#471247

#2D1247

Triadic

#2D1247

#472D12

#12472D

Split Complementary

#2D1247

#474712

#124713

Tetradic

#2D1247

#471312

#2C4712

#124747

Color Blindness Simulation

Original

#2D1247

Protanopia

#21213A

Deuteranopia

#232537

Tritanopia

#2C302E

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DCC6F1
300
#C39DE6
400
#A268D9
500
#8134CB
600
#6729A3
700
#532182
800
#411A66
900
#31164A
950
#1F0E2F

Contrast Checker

Text on white

16.29:1

AA Pass AAA Pass

Text on black

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