#2A70FF

#2A70FF

Color Values

HEX

#2A70FF

RGB

42, 112, 255

HSL

220.3, 100.0%, 58.2%

HSV

220.3, 83.5%, 100.0%

CMYK

83.5%, 56.1%, 0.0%, 0.0%

OKLCH

0.5887 0.2242 262.3

Properties

Cool Light Nearest: Blue

Color Harmonies

Complementary

#2A70FF

#FFB92A

Analogous

#2ADAFF

#4E2AFF

#2A70FF

Triadic

#2A70FF

#FF2A70

#70FF2A

Split Complementary

#2A70FF

#FF4E2A

#DAFF2A

Tetradic

#2A70FF

#FF2ADA

#FFB92A

#2AFF4E

Color Blindness Simulation

Original

#2A70FF

Protanopia

#4849DC

Deuteranopia

#443FD4

Tritanopia

#2EC1BB

Achromatopsia

#6B6B6B

CSS Usage

background-color: #2A70FF;
color: #2A70FF;
border-color: #2A70FF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B8CFFF
300
#85ADFF
400
#4280FF
500
#0054FF
600
#0043CC
700
#0036A3
800
#002A80
900
#05215C
950
#03153A

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass 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