#2A6CC5

#2A6CC5

Color Values

HEX

#2A6CC5

RGB

42, 108, 197

HSL

214.5, 64.9%, 46.9%

HSV

214.5, 78.7%, 77.3%

CMYK

78.7%, 45.2%, 0.0%, 22.7%

OKLCH

0.5374 0.154 257.1

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#2A6CC5

#C5832A

Analogous

#2ABAC5

#362AC5

#2A6CC5

Triadic

#2A6CC5

#C52A6C

#6CC52A

Split Complementary

#2A6CC5

#C5362A

#BAC52A

Tetradic

#2A6CC5

#C52ABA

#C5832A

#2AC536

Color Blindness Simulation

Original

#2A6CC5

Protanopia

#4747AF

Deuteranopia

#433EAA

Tritanopia

#2D9E9B

Achromatopsia

#646464

CSS Usage

background-color: #2A6CC5;
color: #2A6CC5;
border-color: #2A6CC5;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D8F2
300
#9ABCEA
400
#6397DE
500
#2D73D2
600
#245CA8
700
#1D4A87
800
#163A69
900
#142C4D
950
#0D1C30

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026