#228EDD

#228EDD

Color Values

HEX

#228EDD

RGB

34, 142, 221

HSL

205.3, 73.3%, 50.0%

HSV

205.3, 84.6%, 86.7%

CMYK

84.6%, 35.7%, 0.0%, 13.3%

OKLCH

0.6273 0.1505 246.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#228EDD

#DD7122

Analogous

#22DDCE

#2231DD

#228EDD

Triadic

#228EDD

#DD228E

#8EDD22

Split Complementary

#228EDD

#DD2231

#DDCE22

Tetradic

#228EDD

#CE22DD

#DD7122

#31DD22

Color Blindness Simulation

Original

#228EDD

Protanopia

#5152CA

Deuteranopia

#4A42C5

Tritanopia

#27BBB7

Achromatopsia

#7D7D7D

CSS Usage

background-color: #228EDD;
color: #228EDD;
border-color: #228EDD;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1DFF5
300
#95C9EF
400
#5BABE6
500
#228EDD
600
#1B72B1
700
#165B8D
800
#11476E
900
#103550
950
#0A2233

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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