#2D04C8

#2D04C8

Color Values

HEX

#2D04C8

RGB

45, 4, 200

HSL

252.6, 96.1%, 40.0%

HSV

252.6, 98.0%, 78.4%

CMYK

77.5%, 98.0%, 0.0%, 21.6%

OKLCH

0.3944 0.2499 272.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2D04C8

#9FC804

Analogous

#043DC8

#8F04C8

#2D04C8

Triadic

#2D04C8

#C82D04

#04C82D

Split Complementary

#2D04C8

#C88F04

#3DC804

Tetradic

#2D04C8

#C8043D

#9FC804

#04C88F

Color Blindness Simulation

Original

#2D04C8

Protanopia

#1B1B99

Deuteranopia

#1E218D

Tritanopia

#2B736B

Achromatopsia

#1B1B1B

CSS Usage

background-color: #2D04C8;
color: #2D04C8;
border-color: #2D04C8;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F1FE
100
#E5DFFC
200
#C7B9FE
300
#A087FD
400
#6C46FB
500
#3805FA
600
#2D04C8
700
#2403A0
800
#1C027D
900
#18075A
950
#0F0439

Contrast Checker

Text on white

10.7:1

AA Pass AAA Pass

Text on black

1.96:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026