#2D30EE

#2D30EE

Color Values

HEX

#2D30EE

RGB

45, 48, 238

HSL

239.1, 85.0%, 55.5%

HSV

239.1, 81.1%, 93.3%

CMYK

81.1%, 79.8%, 0.0%, 6.7%

OKLCH

0.4724 0.2682 269.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2D30EE

#EEEB2D

Analogous

#2D90EE

#8B2DEE

#2D30EE

Triadic

#2D30EE

#EE2D30

#30EE2D

Split Complementary

#2D30EE

#EE8B2D

#90EE2D

Tetradic

#2D30EE

#EE2D90

#EEEB2D

#2DEE8B

Color Blindness Simulation

Original

#2D30EE

Protanopia

#2E2EC0

Deuteranopia

#2E2EB5

Tritanopia

#2D9C94

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBEFA
300
#8E8FF6
400
#5053F1
500
#1316EC
600
#0F12BD
700
#0C0E97
800
#0A0B76
900
#0B0C56
950
#070836

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026