#229CDD

#229CDD

Color Values

HEX

#229CDD

RGB

34, 156, 221

HSL

200,9, 73,3%, 50,0%

HSV

200,9, 84,6%, 86,7%

CMYK

84,6%, 29,4%, 0,0%, 13,3%

OKLCH

0,6597 0,1388 238,9

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#229CDD

#DD6322

Analogous

#22DDC1

#223EDD

#229CDD

Triadic

#229CDD

#DD229C

#9CDD22

Split Complementary

#229CDD

#DD223E

#DDC122

Tetradic

#229CDD

#C122DD

#DD6322

#3EDD22

Color Blindness Simulation

Original

#229CDD

Protanopia

#5758CD

Deuteranopia

#5047CA

Tritanopia

#28C1BE

Achromatopsia

#878787

CSS Usage

background-color: #229CDD;
color: #229CDD;
border-color: #229CDD;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F9FC
100
#E2F1F8
200
#C1E3F5
300
#95CFEF
400
#5BB6E6
500
#229CDD
600
#1B7DB1
700
#16648D
800
#114E6E
900
#103A50
950
#0A2533

Contrast Checker

Text on white

3,06:1

AA Fail AAA Fail

Text on black

6,87:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026