#228aa5 Color Information
In a RGB color space, hex #228aa5 is composed of 13.3% red, 54.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 16.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 192.4 degrees, a saturation of 65.8% and a lightness of 39%. #228aa5 color hex could be obtained by blending #44ffff with #00154b. Closest websafe color is: #339999.
-
- R 13
- G 54
- B 65
-
- C 79
- M 16
- Y 0
- K 35
● #228aa5 color description : Dark cyan.
#228aa5 Color Conversion
The hexadecimal color #228aa5 has RGB values of R:34, G:138, B:165 and CMYK values of C:0.79, M:0.16, Y:0, K:0.35. Its decimal value is 2263717.
Hex triplet | 228aa5 | #228aa5 |
---|---|---|
RGB Decimal | 34, 138, 165 | rgb(34,138,165) |
RGB Percent | 13.3, 54.1, 64.7 | rgb(13.3%,54.1%,64.7%) |
CMYK | 79, 16, 0, 35 | |
HSL | 192.4°, 65.8, 39 | hsl(192.4,65.8%,39%) |
HSV (or HSB) | 192.4°, 79.4, 64.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.203, -19.15, -22.504 |
---|---|
XYZ | 16.538, 21.232, 38.822 |
xyY | 0.216, 0.277, 21.232 |
CIE-LCH | 53.203, 29.55, 229.603 |
CIE-LUV | 53.203, -35.495, -31.186 |
Hunter-Lab | 46.078, -16.572, -17.698 |
Binary | 00100010, 10001010, 10100101 |
Color Schemes with #228aa5
Alternatives to #228aa5
Below, you can see some colors close to #228aa5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228aa5 Preview
This text has a font color of #228aa5.
<span style="color:#228aa5;">Text here</span>
This paragraph has a background color of #228aa5.
<p style="background-color:#228aa5;">Content here</p>
This element has a border color of #228aa5.
<div style="border:1px solid #228aa5;">Content here</div>
.text {color:#228aa5;}
.background {background-color:#228aa5;}
.border {border:1px solid #228aa5;}
Shades and Tints of #228aa5
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, #000202 is the darkest color, while #f1fafc is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#041013
#041013
rgb(4,16,19)
-
#071d23
#071d23
rgb(7,29,35)
-
#0b2b33
#0b2b33
rgb(11,43,51)
-
#0e3843
#0e3843
rgb(14,56,67)
-
#114654
#114654
rgb(17,70,84)
-
#155464
#155464
rgb(21,84,100)
-
#186174
#186174
rgb(24,97,116)
-
#1b6f84
#1b6f84
rgb(27,111,132)
-
#1f7c95
#1f7c95
rgb(31,124,149)
-
#228aa5
#228aa5
rgb(34,138,165)
-
#2598b5
#2598b5
rgb(37,152,181)
-
#29a5c6
#29a5c6
rgb(41,165,198)
-
#2eb2d4
#2eb2d4
rgb(46,178,212)
-
#3eb8d7
#3eb8d7
rgb(62,184,215)
-
#4ebedb
#4ebedb
rgb(78,190,219)
-
#5fc4de
#5fc4de
rgb(95,196,222)
-
#6fcae1
#6fcae1
rgb(111,202,225)
-
#7fd0e5
#7fd0e5
rgb(127,208,229)
-
#90d6e8
#90d6e8
rgb(144,214,232)
-
#a0dceb
#a0dceb
rgb(160,220,235)
-
#b0e2ef
#b0e2ef
rgb(176,226,239)
-
#c0e8f2
#c0e8f2
rgb(192,232,242)
-
#d1eef5
#d1eef5
rgb(209,238,245)
-
#e1f4f9
#e1f4f9
rgb(225,244,249)
-
#f1fafc
#f1fafc
rgb(241,250,252)
Tones of #228aa5
A tone is produced by adding gray to any pure hue. In this case, #5f6668 is the less saturated color, while #039cc4 is the most saturated one.
-
#5f6668
#5f6668
rgb(95,102,104)
-
#586b6f
#586b6f
rgb(88,107,111)
-
#506f77
#506f77
rgb(80,111,119)
-
#48747f
#48747f
rgb(72,116,127)
-
#417886
#417886
rgb(65,120,134)
-
#397d8e
#397d8e
rgb(57,125,142)
-
#318196
#318196
rgb(49,129,150)
-
#2a869d
#2a869d
rgb(42,134,157)
-
#228aa5
#228aa5
rgb(34,138,165)
-
#1a8ead
#1a8ead
rgb(26,142,173)
-
#1393b4
#1393b4
rgb(19,147,180)
-
#0b97bc
#0b97bc
rgb(11,151,188)
-
#039cc4
#039cc4
rgb(3,156,196)
Color Blindness Simulator
Below, you can see how #228aa5 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.