#228aa3 Color Information
In a RGB color space, hex #228aa3 is composed of 13.3% red, 54.1% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 15.3% magenta, 0% yellow and 36.1% black. It has a hue angle of 191.6 degrees, a saturation of 65.5% and a lightness of 38.6%. #228aa3 color hex could be obtained by blending #44ffff with #001547. Closest websafe color is: #339999.
-
- R 13
- G 54
- B 64
-
- C 79
- M 15
- Y 0
- K 36
● #228aa3 color description : Dark cyan.
#228aa3 Color Conversion
The hexadecimal color #228aa3 has RGB values of R:34, G:138, B:163 and CMYK values of C:0.79, M:0.15, Y:0, K:0.36. Its decimal value is 2263715.
Hex triplet | 228aa3 | #228aa3 |
---|---|---|
RGB Decimal | 34, 138, 163 | rgb(34,138,163) |
RGB Percent | 13.3, 54.1, 63.9 | rgb(13.3%,54.1%,63.9%) |
CMYK | 79, 15, 0, 36 | |
HSL | 191.6°, 65.5, 38.6 | hsl(191.6,65.5%,38.6%) |
HSV (or HSB) | 191.6°, 79.1, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.124, -19.832, -21.472 |
---|---|
XYZ | 16.357, 21.16, 37.87 |
xyY | 0.217, 0.281, 21.16 |
CIE-LCH | 53.124, 29.229, 227.274 |
CIE-LUV | 53.124, -35.626, -29.453 |
Hunter-Lab | 46, -17.026, -16.612 |
Binary | 00100010, 10001010, 10100011 |
Color Schemes with #228aa3
Alternatives to #228aa3
Below, you can see some colors close to #228aa3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228aa3 Preview
This text has a font color of #228aa3.
<span style="color:#228aa3;">Text here</span>
This paragraph has a background color of #228aa3.
<p style="background-color:#228aa3;">Content here</p>
This element has a border color of #228aa3.
<div style="border:1px solid #228aa3;">Content here</div>
.text {color:#228aa3;}
.background {background-color:#228aa3;}
.border {border:1px solid #228aa3;}
Shades and Tints of #228aa3
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, #000101 is the darkest color, while #eff9fc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040e11
#040e11
rgb(4,14,17)
-
#071c21
#071c21
rgb(7,28,33)
-
#0a2a31
#0a2a31
rgb(10,42,49)
-
#0e3842
#0e3842
rgb(14,56,66)
-
#114552
#114552
rgb(17,69,82)
-
#145362
#145362
rgb(20,83,98)
-
#186172
#186172
rgb(24,97,114)
-
#1b6f83
#1b6f83
rgb(27,111,131)
-
#1f7c93
#1f7c93
rgb(31,124,147)
-
#228aa3
#228aa3
rgb(34,138,163)
-
#2598b3
#2598b3
rgb(37,152,179)
-
#29a5c3
#29a5c3
rgb(41,165,195)
-
#2db3d3
#2db3d3
rgb(45,179,211)
-
#3db9d7
#3db9d7
rgb(61,185,215)
-
#4dbfda
#4dbfda
rgb(77,191,218)
-
#5dc5dd
#5dc5dd
rgb(93,197,221)
-
#6ecae1
#6ecae1
rgb(110,202,225)
-
#7ed0e4
#7ed0e4
rgb(126,208,228)
-
#8ed6e7
#8ed6e7
rgb(142,214,231)
-
#9edceb
#9edceb
rgb(158,220,235)
-
#afe2ee
#afe2ee
rgb(175,226,238)
-
#bfe8f2
#bfe8f2
rgb(191,232,242)
-
#cfeef5
#cfeef5
rgb(207,238,245)
-
#dff4f8
#dff4f8
rgb(223,244,248)
-
#eff9fc
#eff9fc
rgb(239,249,252)
Tones of #228aa3
A tone is produced by adding gray to any pure hue. In this case, #5f6566 is the less saturated color, while #049dc1 is the most saturated one.
-
#5f6566
#5f6566
rgb(95,101,102)
-
#576a6e
#576a6e
rgb(87,106,110)
-
#4f6e76
#4f6e76
rgb(79,110,118)
-
#48737d
#48737d
rgb(72,115,125)
-
#407785
#407785
rgb(64,119,133)
-
#397c8c
#397c8c
rgb(57,124,140)
-
#318194
#318194
rgb(49,129,148)
-
#2a859b
#2a859b
rgb(42,133,155)
-
#228aa3
#228aa3
rgb(34,138,163)
-
#1a8fab
#1a8fab
rgb(26,143,171)
-
#1393b2
#1393b2
rgb(19,147,178)
-
#0b98ba
#0b98ba
rgb(11,152,186)
-
#049dc1
#049dc1
rgb(4,157,193)
Color Blindness Simulator
Below, you can see how #228aa3 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.