#228aaa Color Information
In a RGB color space, hex #228aaa is composed of 13.3% red, 54.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 18.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 194.1 degrees, a saturation of 66.7% and a lightness of 40%. #228aaa color hex could be obtained by blending #44ffff with #001555. Closest websafe color is: #339999.
-
- R 13
- G 54
- B 67
-
- C 80
- M 19
- Y 0
- K 33
● #228aaa color description : Dark cyan.
#228aaa Color Conversion
The hexadecimal color #228aaa has RGB values of R:34, G:138, B:170 and CMYK values of C:0.8, M:0.19, Y:0, K:0.33. Its decimal value is 2263722.
Hex triplet | 228aaa | #228aaa |
---|---|---|
RGB Decimal | 34, 138, 170 | rgb(34,138,170) |
RGB Percent | 13.3, 54.1, 66.7 | rgb(13.3%,54.1%,66.7%) |
CMYK | 80, 19, 0, 33 | |
HSL | 194.1°, 66.7, 40 | hsl(194.1,66.7%,40%) |
HSV (or HSB) | 194.1°, 80, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.404, -17.43, -25.074 |
---|---|
XYZ | 17.002, 21.418, 41.266 |
xyY | 0.213, 0.269, 21.418 |
CIE-LCH | 53.404, 30.537, 235.194 |
CIE-LUV | 53.404, -35.169, -35.523 |
Hunter-Lab | 46.279, -15.412, -20.472 |
Binary | 00100010, 10001010, 10101010 |
Color Schemes with #228aaa
Alternatives to #228aaa
Below, you can see some colors close to #228aaa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228aaa Preview
This text has a font color of #228aaa.
<span style="color:#228aaa;">Text here</span>
This paragraph has a background color of #228aaa.
<p style="background-color:#228aaa;">Content here</p>
This element has a border color of #228aaa.
<div style="border:1px solid #228aaa;">Content here</div>
.text {color:#228aaa;}
.background {background-color:#228aaa;}
.border {border:1px solid #228aaa;}
Shades and Tints of #228aaa
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, #010507 is the darkest color, while #f5fbfd is the lightest one.
-
#010507
#010507
rgb(1,5,7)
-
#051317
#051317
rgb(5,19,23)
-
#082027
#082027
rgb(8,32,39)
-
#0b2d38
#0b2d38
rgb(11,45,56)
-
#0e3a48
#0e3a48
rgb(14,58,72)
-
#124858
#124858
rgb(18,72,88)
-
#155569
#155569
rgb(21,85,105)
-
#186279
#186279
rgb(24,98,121)
-
#1b6f89
#1b6f89
rgb(27,111,137)
-
#1f7d9a
#1f7d9a
rgb(31,125,154)
-
#228aaa
#228aaa
rgb(34,138,170)
-
#2597ba
#2597ba
rgb(37,151,186)
-
#29a5cb
#29a5cb
rgb(41,165,203)
-
#31afd6
#31afd6
rgb(49,175,214)
-
#41b5d9
#41b5d9
rgb(65,181,217)
-
#52bcdc
#52bcdc
rgb(82,188,220)
-
#62c2e0
#62c2e0
rgb(98,194,224)
-
#72c8e3
#72c8e3
rgb(114,200,227)
-
#83cfe6
#83cfe6
rgb(131,207,230)
-
#93d5e9
#93d5e9
rgb(147,213,233)
-
#a3dbed
#a3dbed
rgb(163,219,237)
-
#b4e2f0
#b4e2f0
rgb(180,226,240)
-
#c4e8f3
#c4e8f3
rgb(196,232,243)
-
#d5eff7
#d5eff7
rgb(213,239,247)
-
#e5f5fa
#e5f5fa
rgb(229,245,250)
-
#f5fbfd
#f5fbfd
rgb(245,251,253)
Tones of #228aaa
A tone is produced by adding gray to any pure hue. In this case, #61696b is the less saturated color, while #039bc9 is the most saturated one.
-
#61696b
#61696b
rgb(97,105,107)
-
#596d73
#596d73
rgb(89,109,115)
-
#51717b
#51717b
rgb(81,113,123)
-
#497583
#497583
rgb(73,117,131)
-
#41798b
#41798b
rgb(65,121,139)
-
#3a7e92
#3a7e92
rgb(58,126,146)
-
#32829a
#32829a
rgb(50,130,154)
-
#2a86a2
#2a86a2
rgb(42,134,162)
-
#228aaa
#228aaa
rgb(34,138,170)
-
#1a8eb2
#1a8eb2
rgb(26,142,178)
-
#1292ba
#1292ba
rgb(18,146,186)
-
#0a96c2
#0a96c2
rgb(10,150,194)
-
#039bc9
#039bc9
rgb(3,155,201)
Color Blindness Simulator
Below, you can see how #228aaa 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.