#228cdd hex color

In a RGB color space, hex #228cdd is composed of 13.3% red, 54.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 36.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 206 degrees, a saturation of 73.3% and a lightness of 50%. #228cdd color hex could be obtained by blending #44ffff with #0019bb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 55
- B 87
RGB color chart
- C 85
- M 37
- Y 0
- K 13
CMYK color chart

● #228cdd color description : Bright blue.

The hexadecimal color #228cdd has RGB values of R:34, G:140, B:221 and CMYK values of C:0.85, M:0.37, Y:0, K:0.13. Its decimal value is 2264285.

Hex triplet	228cdd	`#228cdd`
RGB Decimal	34, 140, 221	`rgb(34,140,221)`
RGB Percent	13.3, 54.9, 86.7	`rgb(13.3%,54.9%,86.7%)`
CMYK	85, 37, 0, 13
HSL	206°, 73.3, 50	`hsl(206,73.3%,50%)`
HSV (or HSB)	206°, 84.6, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.401, -0.111, -49.315
XYZ	23.086, 24.315, 71.879
xyY	0.194, 0.204, 24.315
CIE-LCH	56.401, 49.315, 269.872
CIE-LUV	56.401, -32.857, -77.499
Hunter-Lab	49.31, -2.723, -51.91
Binary	00100010, 10001100, 11011101

#228cdd
```
#228cdd rgb(34,140,221)
```
#dd7322
```
#dd7322 rgb(221,115,34)
```

Complementary Color

#22ddd1
```
#22ddd1 rgb(34,221,209)
```
#228cdd
```
#228cdd rgb(34,140,221)
```
#222fdd
```
#222fdd rgb(34,47,221)
```

Analogous Color

#ddd122
```
#ddd122 rgb(221,209,34)
```
#228cdd
```
#228cdd rgb(34,140,221)
```
#dd222e
```
#dd222e rgb(221,34,46)
```

Split Complementary Color

#8cdd22
```
#8cdd22 rgb(140,221,34)
```
#228cdd
```
#228cdd rgb(34,140,221)
```
#dd228c
```
#dd228c rgb(221,34,140)
```

Triadic Color

#22dd73
```
#22dd73 rgb(34,221,115)
```
#228cdd
```
#228cdd rgb(34,140,221)
```
#dd228c
```
#dd228c rgb(221,34,140)
```
#dd7322
```
#dd7322 rgb(221,115,34)
```

Tetradic Color

#18629b
```
#18629b rgb(24,98,155)
```
#1b70b1
```
#1b70b1 rgb(27,112,177)
```
#1f7ec7
```
#1f7ec7 rgb(31,126,199)
```
#228cdd
```
#228cdd rgb(34,140,221)
```
#3898e0
```
#3898e0 rgb(56,152,224)
```
#4ea3e4
```
#4ea3e4 rgb(78,163,228)
```
#64afe7
```
#64afe7 rgb(100,175,231)
```

Monochromatic Color

Below, you can see some colors close to #228cdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#22bbdd
```
#22bbdd rgb(34,187,221)
```
#22abdd
```
#22abdd rgb(34,171,221)
```
#229cdd
```
#229cdd rgb(34,156,221)
```
#228cdd
```
#228cdd rgb(34,140,221)
```
#227cdd
```
#227cdd rgb(34,124,221)
```
#226ddd
```
#226ddd rgb(34,109,221)
```
#225ddd
```
#225ddd rgb(34,93,221)
```

Similar Colors

Text with hexadecimal color #228cdd

This text has a font color of #228cdd.

<span style="color:#228cdd;">Text here</span>

#228cdd background color

This paragraph has a background color of #228cdd.

<p style="background-color:#228cdd;">Content here</p>

#228cdd border color

This element has a border color of #228cdd.

<div style="border:1px solid #228cdd;">Content here</div>

CSS codes

.text {color:#228cdd;}

.background {background-color:#228cdd;}

.border {border:1px solid #228cdd;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030b11 is the darkest color, while #ffffff is the lightest one.

#030b11
```
#030b11 rgb(3,11,17)
```
#051622
```
#051622 rgb(5,22,34)
```
#082033
```
#082033 rgb(8,32,51)
```
#0a2b44
```
#0a2b44 rgb(10,43,68)
```
#0d3655
```
#0d3655 rgb(13,54,85)
```
#104166
```
#104166 rgb(16,65,102)
```
#124b77
```
#124b77 rgb(18,75,119)
```
#155688
```
#155688 rgb(21,86,136)
```
#186199
```
#186199 rgb(24,97,153)
```
#1a6caa
```
#1a6caa rgb(26,108,170)
```
#1d76bb
```
#1d76bb rgb(29,118,187)
```
#1f81cc
```
#1f81cc rgb(31,129,204)
```
#228cdd
```
#228cdd rgb(34,140,221)
```

Shade Color Variation

#3395e0
```
#3395e0 rgb(51,149,224)
```
#449ee2
```
#449ee2 rgb(68,158,226)
```
#55a7e5
```
#55a7e5 rgb(85,167,229)
```
#66afe7
```
#66afe7 rgb(102,175,231)
```
#77b8ea
```
#77b8ea rgb(119,184,234)
```
#88c1ed
```
#88c1ed rgb(136,193,237)
```
#99caef
```
#99caef rgb(153,202,239)
```
#aad3f2
```
#aad3f2 rgb(170,211,242)
```
#bbdcf5
```
#bbdcf5 rgb(187,220,245)
```
#cce4f7
```
#cce4f7 rgb(204,228,247)
```
#ddedfa
```
#ddedfa rgb(221,237,250)
```
#eef6fc
```
#eef6fc rgb(238,246,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8085 is the less saturated color, while #0590fa is the most saturated one.

#7a8085
```
#7a8085 rgb(122,128,133)
```
#70828f
```
#70828f rgb(112,130,143)
```
#678398
```
#678398 rgb(103,131,152)
```
#5d84a2
```
#5d84a2 rgb(93,132,162)
```
#5385ac
```
#5385ac rgb(83,133,172)
```
#4987b6
```
#4987b6 rgb(73,135,182)
```
#3f88c0
```
#3f88c0 rgb(63,136,192)
```
#3689c9
```
#3689c9 rgb(54,137,201)
```
#2c8bd3
```
#2c8bd3 rgb(44,139,211)
```
#228cdd
```
#228cdd rgb(34,140,221)
```
#188de7
```
#188de7 rgb(24,141,231)
```
#0e8ff1
```
#0e8ff1 rgb(14,143,241)
```
#0590fa
```
#0590fa rgb(5,144,250)
```

Tone Color Variation

Below, you can see how #228cdd is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#767676 Achromatopsia 0.005% of the population
#657a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c8ad9 Protanopia 1% of men
#508ee0 Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#518bda Protanomaly 1% of men, 0.01% of women
#3f8ddf Deuteranomaly 6% of men, 0.4% of women
#0c95b9 Tritanomaly 0.01% of the population

#228cdd hex color

#228cdd Color Information

#228cdd Color Conversion

Color Schemes with #228cdd

Alternatives to #228cdd

#228cdd Preview

Shades and Tints of #228cdd

Tones of #228cdd

Color Blindness Simulator