#2D0063

#2D0063

Color Values

HEX

#2D0063

RGB

45, 0, 99

HSL

267.3, 100.0%, 19.4%

HSV

267.3, 100.0%, 38.8%

CMYK

54.5%, 100.0%, 0.0%, 61.2%

OKLCH

0.2642 0.1464 293.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2D0063

#366300

Analogous

#000463

#5E0063

#2D0063

Triadic

#2D0063

#632D00

#00632D

Split Complementary

#2D0063

#635E00

#046300

Tetradic

#2D0063

#630004

#366300

#00635E

Color Blindness Simulation

Original

#2D0063

Protanopia

#1A194B

Deuteranopia

#1C1F45

Tritanopia

#2B3834

Achromatopsia

#111111

CSS Usage

background-color: #2D0063;
color: #2D0063;
border-color: #2D0063;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D8B8FF
300
#BC85FF
400
#9842FF
500
#7400FF
600
#5D00CC
700
#4A00A3
800
#3A0080
900
#2D055C
950
#1C033A

Contrast Checker

Text on white

16.26:1

AA Pass AAA Pass

Text on black

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