#2A2AF4

#2A2AF4

Color Values

HEX

#2A2AF4

RGB

42, 42, 244

HSL

240.0, 90.2%, 56.1%

HSV

240.0, 82.8%, 95.7%

CMYK

82.8%, 82.8%, 0.0%, 4.3%

OKLCH

0.4718 0.2795 268.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2A2AF4

#F4F42A

Analogous

#2A8FF4

#8F2AF4

#2A2AF4

Triadic

#2A2AF4

#F42A2A

#2AF42A

Split Complementary

#2A2AF4

#F48F2A

#8FF42A

Tetradic

#2A2AF4

#F42A8F

#F4F42A

#2AF48F

Color Blindness Simulation

Original

#2A2AF4

Protanopia

#2A2AC3

Deuteranopia

#2A2AB7

Tritanopia

#2A9C94

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

2.74: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