#227CDD

#227CDD

Color Values

HEX

#227CDD

RGB

34, 124, 221

HSL

211.1, 73.3%, 50.0%

HSV

211.1, 84.6%, 86.7%

CMYK

84.6%, 43.9%, 0.0%, 13.3%

OKLCH

0.5868 0.1689 254.2

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#227CDD

#DD8322

Analogous

#22DADD

#2522DD

#227CDD

Triadic

#227CDD

#DD227C

#7CDD22

Split Complementary

#227CDD

#DD2522

#DADD22

Tetradic

#227CDD

#DD22DA

#DD8322

#22DD25

Color Blindness Simulation

Original

#227CDD

Protanopia

#494AC6

Deuteranopia

#443DC0

Tritanopia

#26B3AF

Achromatopsia

#707070

CSS Usage

background-color: #227CDD;
color: #227CDD;
border-color: #227CDD;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DAF5
300
#95C0EF
400
#5B9EE6
500
#227CDD
600
#1B63B1
700
#164F8D
800
#113E6E
900
#102F50
950
#0A1E33

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026