#228ADD

#228ADD

Color Values

HEX

#228ADD

RGB

34, 138, 221

HSL

206.6, 73.3%, 50.0%

HSV

206.6, 84.6%, 86.7%

CMYK

84.6%, 37.6%, 0.0%, 13.3%

OKLCH

0.6182 0.1543 248.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#228ADD

#DD7522

Analogous

#22DDD2

#222DDD

#228ADD

Triadic

#228ADD

#DD228A

#8ADD22

Split Complementary

#228ADD

#DD222D

#DDD222

Tetradic

#228ADD

#D222DD

#DD7522

#2DDD22

Color Blindness Simulation

Original

#228ADD

Protanopia

#4F50C9

Deuteranopia

#4941C4

Tritanopia

#27B9B6

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DEF5
300
#95C7EF
400
#5BA8E6
500
#228ADD
600
#1B6EB1
700
#16588D
800
#11456E
900
#103450
950
#0A2133

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

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