#227EDD

#227EDD

Color Values

HEX

#227EDD

RGB

34, 126, 221

HSL

210.5, 73.3%, 50.0%

HSV

210.5, 84.6%, 86.7%

CMYK

84.6%, 43.0%, 0.0%, 13.3%

OKLCH

0.5913 0.1667 253.5

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#227EDD

#DD8122

Analogous

#22DBDD

#2422DD

#227EDD

Triadic

#227EDD

#DD227E

#7EDD22

Split Complementary

#227EDD

#DD2422

#DBDD22

Tetradic

#227EDD

#DD22DB

#DD8122

#22DD24

Color Blindness Simulation

Original

#227EDD

Protanopia

#4A4BC6

Deuteranopia

#443EC0

Tritanopia

#27B4B0

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DBF5
300
#95C1EF
400
#5B9FE6
500
#227EDD
600
#1B65B1
700
#16518D
800
#113F6E
900
#103050
950
#0A1E33

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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