#2C7BDD

#2C7BDD

Color Values

HEX

#2C7BDD

RGB

44, 123, 221

HSL

213.2, 72.2%, 52.0%

HSV

213.2, 80.1%, 86.7%

CMYK

80.1%, 44.3%, 0.0%, 13.3%

OKLCH

0.587 0.1677 256.0

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#2C7BDD

#DD8E2C

Analogous

#2CD4DD

#362CDD

#2C7BDD

Triadic

#2C7BDD

#DD2C7B

#7BDD2C

Split Complementary

#2C7BDD

#DD362C

#D4DD2C

Tetradic

#2C7BDD

#DD2CD4

#DD8E2C

#2CDD36

Color Blindness Simulation

Original

#2C7BDD

Protanopia

#4E4FC5

Deuteranopia

#4A44C0

Tritanopia

#30B3AE

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C2D9F5
300
#96BDEE
400
#5D99E5
500
#2376DC
600
#1C5EB0
700
#174B8D
800
#123B6E
900
#112D50
950
#0B1C32

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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