#2828F4

#2828F4

Color Values

HEX

#2828F4

RGB

40, 40, 244

HSL

240.0, 90.3%, 55.7%

HSV

240.0, 83.6%, 95.7%

CMYK

83.6%, 83.6%, 0.0%, 4.3%

OKLCH

0.4691 0.2813 268.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2828F4

#F4F428

Analogous

#288EF4

#8E28F4

#2828F4

Triadic

#2828F4

#F42828

#28F428

Split Complementary

#2828F4

#F48E28

#8EF428

Tetradic

#2828F4

#F4288E

#F4F428

#28F48E

Color Blindness Simulation

Original

#2828F4

Protanopia

#2828C3

Deuteranopia

#2828B7

Tritanopia

#289C93

Achromatopsia

#373737

CSS Usage

background-color: #2828F4;
color: #2828F4;
border-color: #2828F4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BBBBFC
300
#8B8BF9
400
#4B4BF6
500
#0C0CF3
600
#0A0AC2
700
#08089B
800
#060679
900
#090958
950
#060637

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

2.7:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026