#229cee Color Information
In a RGB color space, hex #229cee is composed of 13.3% red, 61.2% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 34.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 204.1 degrees, a saturation of 85.7% and a lightness of 53.3%. #229cee color hex could be obtained by blending #44ffff with #0039dd. Closest websafe color is: #3399ff.
-
- R 13
- G 61
- B 93
-
- C 86
- M 34
- Y 0
- K 7
● #229cee color description : Vivid blue.
#229cee Color Conversion
The hexadecimal color #229cee has RGB values of R:34, G:156, B:238 and CMYK values of C:0.86, M:0.34, Y:0, K:0.07. Its decimal value is 2268398.
Hex triplet | 229cee | #229cee |
---|---|---|
RGB Decimal | 34, 156, 238 | rgb(34,156,238) |
RGB Percent | 13.3, 61.2, 93.3 | rgb(13.3%,61.2%,93.3%) |
CMYK | 86, 34, 0, 7 | |
HSL | 204.1°, 85.7, 53.3 | hsl(204.1,85.7%,53.3%) |
HSV (or HSB) | 204.1°, 85.7, 93.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 61.902, -3.181, -50.026 |
---|---|
XYZ | 27.977, 30.288, 85.256 |
xyY | 0.195, 0.211, 30.288 |
CIE-LCH | 61.902, 50.127, 266.362 |
CIE-LUV | 61.902, -37.19, -79.671 |
Hunter-Lab | 55.034, -5.568, -53.325 |
Binary | 00100010, 10011100, 11101110 |
Color Schemes with #229cee
Alternatives to #229cee
Below, you can see some colors close to #229cee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229cee Preview
This text has a font color of #229cee.
<span style="color:#229cee;">Text here</span>
This paragraph has a background color of #229cee.
<p style="background-color:#229cee;">Content here</p>
This element has a border color of #229cee.
<div style="border:1px solid #229cee;">Content here</div>
.text {color:#229cee;}
.background {background-color:#229cee;}
.border {border:1px solid #229cee;}
Shades and Tints of #229cee
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, #010a10 is the darkest color, while #fdfeff is the lightest one.
-
#010a10
#010a10
rgb(1,10,16)
-
#031522
#031522
rgb(3,21,34)
-
#042134
#042134
rgb(4,33,52)
-
#052c46
#052c46
rgb(5,44,70)
-
#073859
#073859
rgb(7,56,89)
-
#08436b
#08436b
rgb(8,67,107)
-
#0a4f7d
#0a4f7d
rgb(10,79,125)
-
#0b5a8f
#0b5a8f
rgb(11,90,143)
-
#0c66a2
#0c66a2
rgb(12,102,162)
-
#0e71b4
#0e71b4
rgb(14,113,180)
-
#0f7cc6
#0f7cc6
rgb(15,124,198)
-
#1188d8
#1188d8
rgb(17,136,216)
-
#1293ea
#1293ea
rgb(18,147,234)
-
#229cee
#229cee
rgb(34,156,238)
-
#34a4ef
#34a4ef
rgb(52,164,239)
-
#46acf1
#46acf1
rgb(70,172,241)
-
#59b4f2
#59b4f2
rgb(89,180,242)
-
#6bbdf4
#6bbdf4
rgb(107,189,244)
-
#7dc5f5
#7dc5f5
rgb(125,197,245)
-
#8fcdf6
#8fcdf6
rgb(143,205,246)
-
#a2d5f8
#a2d5f8
rgb(162,213,248)
-
#b4ddf9
#b4ddf9
rgb(180,221,249)
-
#c6e5fb
#c6e5fb
rgb(198,229,251)
-
#d8eefc
#d8eefc
rgb(216,238,252)
-
#eaf6fd
#eaf6fd
rgb(234,246,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #229cee
A tone is produced by adding gray to any pure hue. In this case, #878889 is the less saturated color, while #199ef7 is the most saturated one.
-
#878889
#878889
rgb(135,136,137)
-
#7e8a92
#7e8a92
rgb(126,138,146)
-
#748c9c
#748c9c
rgb(116,140,156)
-
#6b8ea5
#6b8ea5
rgb(107,142,165)
-
#628fae
#628fae
rgb(98,143,174)
-
#5991b7
#5991b7
rgb(89,145,183)
-
#5093c0
#5093c0
rgb(80,147,192)
-
#4795c9
#4795c9
rgb(71,149,201)
-
#3d97d3
#3d97d3
rgb(61,151,211)
-
#3498dc
#3498dc
rgb(52,152,220)
-
#2b9ae5
#2b9ae5
rgb(43,154,229)
-
#229cee
#229cee
rgb(34,156,238)
-
#199ef7
#199ef7
rgb(25,158,247)
Color Blindness Simulator
Below, you can see how #229cee 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.