#2A71FF

#2A71FF

Color Values

HEX

#2A71FF

RGB

42, 113, 255

HSL

220.0, 100.0%, 58.2%

HSV

220.0, 83.5%, 100.0%

CMYK

83.5%, 55.7%, 0.0%, 0.0%

OKLCH

0.5906 0.2231 262.1

Properties

Cool Light Nearest: Blue

Color Harmonies

Complementary

#2A71FF

#FFB82A

Analogous

#2ADBFF

#4D2AFF

#2A71FF

Triadic

#2A71FF

#FF2A71

#71FF2A

Split Complementary

#2A71FF

#FF4D2A

#DBFF2A

Tetradic

#2A71FF

#FF2ADB

#FFB82A

#2AFF4D

Color Blindness Simulation

Original

#2A71FF

Protanopia

#4949DD

Deuteranopia

#453FD4

Tritanopia

#2EC1BC

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B8CFFF
300
#85ADFF
400
#4281FF
500
#0055FF
600
#0044CC
700
#0036A3
800
#002B80
900
#05225C
950
#03153A

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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