#228CDD

#228CDD

Color Values

HEX

#228CDD

RGB

34, 140, 221

HSL

206.0, 73.3%, 50.0%

HSV

206.0, 84.6%, 86.7%

CMYK

84.6%, 36.7%, 0.0%, 13.3%

OKLCH

0.6227 0.1523 247.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#228CDD

#DD7322

Analogous

#22DDD0

#222FDD

#228CDD

Triadic

#228CDD

#DD228C

#8CDD22

Split Complementary

#228CDD

#DD222F

#DDD022

Tetradic

#228CDD

#D022DD

#DD7322

#2FDD22

Color Blindness Simulation

Original

#228CDD

Protanopia

#5051C9

Deuteranopia

#4A42C5

Tritanopia

#27BAB7

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1DFF5
300
#95C8EF
400
#5BAAE6
500
#228CDD
600
#1B70B1
700
#165A8D
800
#11466E
900
#103550
950
#0A2133

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.86:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026