#29309C

#29309C

Color Values

HEX

#29309C

RGB

41, 48, 156

HSL

236.3, 58.4%, 38.6%

HSV

236.3, 73.7%, 61.2%

CMYK

73.7%, 69.2%, 0.0%, 38.8%

OKLCH

0.3823 0.1718 272.2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#29309C

#9C9529

Analogous

#296A9C

#5B299C

#29309C

Triadic

#29309C

#9C2930

#309C29

Split Complementary

#29309C

#9C5B29

#6A9C29

Tetradic

#29309C

#9C296A

#9C9529

#299C5B

Color Blindness Simulation

Original

#29309C

Protanopia

#2C2C82

Deuteranopia

#2C2B7C

Tritanopia

#296D69

Achromatopsia

#363636

CSS Usage

background-color: #29309C;
color: #29309C;
border-color: #29309C;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C6C9F0
300
#9EA2E6
400
#6A70D8
500
#353ECA
600
#2A32A2
700
#222881
800
#1B1F65
900
#171A4A
950
#0F112F

Contrast Checker

Text on white

10.52:1

AA Pass AAA Pass

Text on black

2.0:1

AA Fail AAA Fail

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026