#301B64

#301B64

Color Values

HEX

#301B64

RGB

48, 27, 100

HSL

257.3, 57.5%, 24.9%

HSV

257.3, 73.0%, 39.2%

CMYK

52.0%, 73.0%, 0.0%, 60.8%

OKLCH

0.2987 0.1209 290.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#301B64

#4F641B

Analogous

#1B2A64

#551B64

#301B64

Triadic

#301B64

#64301B

#1B6430

Split Complementary

#301B64

#64551B

#2A641B

Tetradic

#301B64

#641B2A

#4F641B

#1B6455

Color Blindness Simulation

Original

#301B64

Protanopia

#272752

Deuteranopia

#282A4E

Tritanopia

#2F4441

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#E9E4F6
200
#D3C7F0
300
#B39FE5
400
#8A6AD7
500
#6036C9
600
#4D2BA1
700
#3E2381
800
#301B64
900
#26174A
950
#180F2E

Contrast Checker

Text on white

14.32:1

AA Pass AAA Pass

Text on black

1.47:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026