#2F2342

#2F2342

Color Values

HEX

#2F2342

RGB

47, 35, 66

HSL

263.2, 30.7%, 19.8%

HSV

263.2, 47.0%, 25.9%

CMYK

28.8%, 47.0%, 0.0%, 74.1%

OKLCH

0.2856 0.0571 300.7

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#2F2342

#364223

Analogous

#232742

#3E2342

#2F2342

Triadic

#2F2342

#422F23

#23422F

Split Complementary

#2F2342

#423E23

#274223

Tetradic

#2F2342

#422327

#364223

#23423E

Color Blindness Simulation

Original

#2F2342

Protanopia

#2A2A3B

Deuteranopia

#2A2B39

Tritanopia

#2E3533

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E6
300
#BEAFD5
400
#9A84BE
500
#7758A7
600
#5F4785
700
#4C396B
800
#3B2C53
900
#2D233E
950
#1D1627

Contrast Checker

Text on white

14.58:1

AA Pass AAA Pass

Text on black

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