#229aa8 Color Information
In a RGB color space, hex #229aa8 is composed of 13.3% red, 60.4% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 8.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 186.3 degrees, a saturation of 66.3% and a lightness of 39.6%. #229aa8 color hex could be obtained by blending #44ffff with #003551. Closest websafe color is: #339999.
-
- R 13
- G 60
- B 66
-
- C 80
- M 8
- Y 0
- K 34
● #229aa8 color description : Dark cyan.
#229aa8 Color Conversion
The hexadecimal color #229aa8 has RGB values of R:34, G:154, B:168 and CMYK values of C:0.8, M:0.08, Y:0, K:0.34. Its decimal value is 2267816.
Hex triplet | 229aa8 | #229aa8 |
---|---|---|
RGB Decimal | 34, 154, 168 | rgb(34,154,168) |
RGB Percent | 13.3, 60.4, 65.9 | rgb(13.3%,60.4%,65.9%) |
CMYK | 80, 8, 0, 34 | |
HSL | 186.3°, 66.3, 39.6 | hsl(186.3,66.3%,39.6%) |
HSV (or HSB) | 186.3°, 79.8, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.299, -26.465, -16.439 |
---|---|
XYZ | 19.281, 26.277, 41.099 |
xyY | 0.222, 0.303, 26.277 |
CIE-LCH | 58.299, 31.155, 211.847 |
CIE-LUV | 58.299, -41.036, -21.011 |
Hunter-Lab | 51.261, -22.566, -11.654 |
Binary | 00100010, 10011010, 10101000 |
Color Schemes with #229aa8
Alternatives to #229aa8
Below, you can see some colors close to #229aa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229aa8 Preview
This text has a font color of #229aa8.
<span style="color:#229aa8;">Text here</span>
This paragraph has a background color of #229aa8.
<p style="background-color:#229aa8;">Content here</p>
This element has a border color of #229aa8.
<div style="border:1px solid #229aa8;">Content here</div>
.text {color:#229aa8;}
.background {background-color:#229aa8;}
.border {border:1px solid #229aa8;}
Shades and Tints of #229aa8
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, #010405 is the darkest color, while #f4fcfd is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#041315
#041315
rgb(4,19,21)
-
#082225
#082225
rgb(8,34,37)
-
#0b3136
#0b3136
rgb(11,49,54)
-
#0e4046
#0e4046
rgb(14,64,70)
-
#114f56
#114f56
rgb(17,79,86)
-
#155e67
#155e67
rgb(21,94,103)
-
#186d77
#186d77
rgb(24,109,119)
-
#1b7c87
#1b7c87
rgb(27,124,135)
-
#1f8b98
#1f8b98
rgb(31,139,152)
-
#229aa8
#229aa8
rgb(34,154,168)
-
#25a9b8
#25a9b8
rgb(37,169,184)
-
#29b8c9
#29b8c9
rgb(41,184,201)
-
#30c4d5
#30c4d5
rgb(48,196,213)
-
#40c8d8
#40c8d8
rgb(64,200,216)
-
#50cddc
#50cddc
rgb(80,205,220)
-
#61d2df
#61d2df
rgb(97,210,223)
-
#71d6e2
#71d6e2
rgb(113,214,226)
-
#81dbe6
#81dbe6
rgb(129,219,230)
-
#92e0e9
#92e0e9
rgb(146,224,233)
-
#a2e4ec
#a2e4ec
rgb(162,228,236)
-
#b2e9ef
#b2e9ef
rgb(178,233,239)
-
#c3eef3
#c3eef3
rgb(195,238,243)
-
#d3f2f6
#d3f2f6
rgb(211,242,246)
-
#e3f7f9
#e3f7f9
rgb(227,247,249)
-
#f4fcfd
#f4fcfd
rgb(244,252,253)
Tones of #229aa8
A tone is produced by adding gray to any pure hue. In this case, #60696a is the less saturated color, while #03b3c7 is the most saturated one.
-
#60696a
#60696a
rgb(96,105,106)
-
#586f72
#586f72
rgb(88,111,114)
-
#517579
#517579
rgb(81,117,121)
-
#497b81
#497b81
rgb(73,123,129)
-
#418189
#418189
rgb(65,129,137)
-
#398891
#398891
rgb(57,136,145)
-
#328e98
#328e98
rgb(50,142,152)
-
#2a94a0
#2a94a0
rgb(42,148,160)
-
#229aa8
#229aa8
rgb(34,154,168)
-
#1aa0b0
#1aa0b0
rgb(26,160,176)
-
#12a6b8
#12a6b8
rgb(18,166,184)
-
#0bacbf
#0bacbf
rgb(11,172,191)
-
#03b3c7
#03b3c7
rgb(3,179,199)
Color Blindness Simulator
Below, you can see how #229aa8 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.