#2A7ACD

#2A7ACD

Color Values

HEX

#2A7ACD

RGB

42, 122, 205

HSL

210.6, 66.0%, 48.4%

HSV

210.6, 79.5%, 80.4%

CMYK

79.5%, 40.5%, 0.0%, 19.6%

OKLCH

0.5739 0.1488 252.7

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#2A7ACD

#CD7D2A

Analogous

#2ACBCD

#2C2ACD

#2A7ACD

Triadic

#2A7ACD

#CD2A7A

#7ACD2A

Split Complementary

#2A7ACD

#CD2C2A

#CBCD2A

Tetradic

#2A7ACD

#CD2ACB

#CD7D2A

#2ACD2C

Color Blindness Simulation

Original

#2A7ACD

Protanopia

#4D4DB9

Deuteranopia

#4842B4

Tritanopia

#2EA9A6

Achromatopsia

#6F6F6F

CSS Usage

background-color: #2A7ACD;
color: #2A7ACD;
border-color: #2A7ACD;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DBF3
300
#99C1EA
400
#629FDF
500
#2B7ED4
600
#2365A9
700
#1C5187
800
#163F6A
900
#14304D
950
#0C1E31

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026