#228ea3 Color Information
In a RGB color space, hex #228ea3 is composed of 13.3% red, 55.7% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 12.9% magenta, 0% yellow and 36.1% black. It has a hue angle of 189.8 degrees, a saturation of 65.5% and a lightness of 38.6%. #228ea3 color hex could be obtained by blending #44ffff with #001d47. Closest websafe color is: #339999.
-
- R 13
- G 56
- B 64
-
- C 79
- M 13
- Y 0
- K 36
● #228ea3 color description : Dark cyan.
#228ea3 Color Conversion
The hexadecimal color #228ea3 has RGB values of R:34, G:142, B:163 and CMYK values of C:0.79, M:0.13, Y:0, K:0.36. Its decimal value is 2264739.
Hex triplet | 228ea3 | #228ea3 |
---|---|---|
RGB Decimal | 34, 142, 163 | rgb(34,142,163) |
RGB Percent | 13.3, 55.7, 63.9 | rgb(13.3%,55.7%,63.9%) |
CMYK | 79, 13, 0, 36 | |
HSL | 189.8°, 65.5, 38.6 | hsl(189.8,65.5%,38.6%) |
HSV (or HSB) | 189.8°, 79.1, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.374, -21.947, -19.557 |
---|---|
XYZ | 16.942, 22.329, 38.065 |
xyY | 0.219, 0.289, 22.329 |
CIE-LCH | 54.374, 29.396, 221.705 |
CIE-LUV | 54.374, -37.068, -26.265 |
Hunter-Lab | 47.253, -18.696, -14.684 |
Binary | 00100010, 10001110, 10100011 |
Color Schemes with #228ea3
Alternatives to #228ea3
Below, you can see some colors close to #228ea3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228ea3 Preview
This text has a font color of #228ea3.
<span style="color:#228ea3;">Text here</span>
This paragraph has a background color of #228ea3.
<p style="background-color:#228ea3;">Content here</p>
This element has a border color of #228ea3.
<div style="border:1px solid #228ea3;">Content here</div>
.text {color:#228ea3;}
.background {background-color:#228ea3;}
.border {border:1px solid #228ea3;}
Shades and Tints of #228ea3
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 #effafc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040f11
#040f11
rgb(4,15,17)
-
#071d21
#071d21
rgb(7,29,33)
-
#0a2b31
#0a2b31
rgb(10,43,49)
-
#0e3942
#0e3942
rgb(14,57,66)
-
#114752
#114752
rgb(17,71,82)
-
#145562
#145562
rgb(20,85,98)
-
#186472
#186472
rgb(24,100,114)
-
#1b7283
#1b7283
rgb(27,114,131)
-
#1f8093
#1f8093
rgb(31,128,147)
-
#228ea3
#228ea3
rgb(34,142,163)
-
#259cb3
#259cb3
rgb(37,156,179)
-
#29aac3
#29aac3
rgb(41,170,195)
-
#2db8d3
#2db8d3
rgb(45,184,211)
-
#3dbed7
#3dbed7
rgb(61,190,215)
-
#4dc3da
#4dc3da
rgb(77,195,218)
-
#5dc8dd
#5dc8dd
rgb(93,200,221)
-
#6ecee1
#6ecee1
rgb(110,206,225)
-
#7ed3e4
#7ed3e4
rgb(126,211,228)
-
#8ed9e7
#8ed9e7
rgb(142,217,231)
-
#9edeeb
#9edeeb
rgb(158,222,235)
-
#afe4ee
#afe4ee
rgb(175,228,238)
-
#bfe9f2
#bfe9f2
rgb(191,233,242)
-
#cfeff5
#cfeff5
rgb(207,239,245)
-
#dff4f8
#dff4f8
rgb(223,244,248)
-
#effafc
#effafc
rgb(239,250,252)
Tones of #228ea3
A tone is produced by adding gray to any pure hue. In this case, #5f6566 is the less saturated color, while #04a2c1 is the most saturated one.
-
#5f6566
#5f6566
rgb(95,101,102)
-
#576a6e
#576a6e
rgb(87,106,110)
-
#4f6f76
#4f6f76
rgb(79,111,118)
-
#48747d
#48747d
rgb(72,116,125)
-
#407a85
#407a85
rgb(64,122,133)
-
#397f8c
#397f8c
rgb(57,127,140)
-
#318494
#318494
rgb(49,132,148)
-
#2a899b
#2a899b
rgb(42,137,155)
-
#228ea3
#228ea3
rgb(34,142,163)
-
#1a93ab
#1a93ab
rgb(26,147,171)
-
#1398b2
#1398b2
rgb(19,152,178)
-
#0b9dba
#0b9dba
rgb(11,157,186)
-
#04a2c1
#04a2c1
rgb(4,162,193)
Color Blindness Simulator
Below, you can see how #228ea3 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.