#302CEE

#302CEE

Color Values

HEX

#302CEE

RGB

48, 44, 238

HSL

241,2, 85,1%, 55,3%

HSV

241,2, 81,5%, 93,3%

CMYK

79,8%, 81,5%, 0,0%, 6,7%

OKLCH

0,4695 0,2703 270,2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#302CEE

#EAEE2C

Analogous

#2C89EE

#912CEE

#302CEE

Triadic

#302CEE

#EE302C

#2CEE30

Split Complementary

#302CEE

#EE912C

#89EE2C

Tetradic

#302CEE

#EE2C89

#EAEE2C

#2CEE91

Color Blindness Simulation

Original

#302CEE

Protanopia

#2E2EBF

Deuteranopia

#2E2FB4

Tritanopia

#309A92

Achromatopsia

#3B3B3B

CSS Usage

background-color: #302CEE;
color: #302CEE;
border-color: #302CEE;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BEBDFA
300
#908EF6
400
#5450F1
500
#1713EC
600
#130FBD
700
#0F0C97
800
#0C0976
900
#0D0B56
950
#080736

Contrast Checker

Text on white

7,72:1

AA Pass AAA Pass

Text on black

2,72: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