#228ea2 Color Information
In a RGB color space, hex #228ea2 is composed of 13.3% red, 55.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 12.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 189.4 degrees, a saturation of 65.3% and a lightness of 38.4%. #228ea2 color hex could be obtained by blending #44ffff with #001d45. Closest websafe color is: #339999.
-
- R 13
- G 56
- B 64
-
- C 79
- M 12
- Y 0
- K 36
● #228ea2 color description : Dark cyan.
#228ea2 Color Conversion
The hexadecimal color #228ea2 has RGB values of R:34, G:142, B:162 and CMYK values of C:0.79, M:0.12, Y:0, K:0.36. Its decimal value is 2264738.
Hex triplet | 228ea2 | #228ea2 |
---|---|---|
RGB Decimal | 34, 142, 162 | rgb(34,142,162) |
RGB Percent | 13.3, 55.7, 63.5 | rgb(13.3%,55.7%,63.5%) |
CMYK | 79, 12, 0, 36 | |
HSL | 189.4°, 65.3, 38.4 | hsl(189.4,65.3%,38.4%) |
HSV (or HSB) | 189.4°, 79, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.337, -22.28, -19.04 |
---|---|
XYZ | 16.852, 22.293, 37.595 |
xyY | 0.22, 0.29, 22.293 |
CIE-LCH | 54.337, 29.307, 220.516 |
CIE-LUV | 54.337, -37.135, -25.401 |
Hunter-Lab | 47.216, -18.916, -14.158 |
Binary | 00100010, 10001110, 10100010 |
Color Schemes with #228ea2
Alternatives to #228ea2
Below, you can see some colors close to #228ea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228ea2 Preview
This text has a font color of #228ea2.
<span style="color:#228ea2;">Text here</span>
This paragraph has a background color of #228ea2.
<p style="background-color:#228ea2;">Content here</p>
This element has a border color of #228ea2.
<div style="border:1px solid #228ea2;">Content here</div>
.text {color:#228ea2;}
.background {background-color:#228ea2;}
.border {border:1px solid #228ea2;}
Shades and Tints of #228ea2
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, #030e10 is the darkest color, while #ffffff is the lightest one.
-
#030e10
#030e10
rgb(3,14,16)
-
#071c20
#071c20
rgb(7,28,32)
-
#0a2b31
#0a2b31
rgb(10,43,49)
-
#0e3941
#0e3941
rgb(14,57,65)
-
#114751
#114751
rgb(17,71,81)
-
#145561
#145561
rgb(20,85,97)
-
#186371
#186371
rgb(24,99,113)
-
#1b7282
#1b7282
rgb(27,114,130)
-
#1f8092
#1f8092
rgb(31,128,146)
-
#228ea2
#228ea2
rgb(34,142,162)
-
#259cb2
#259cb2
rgb(37,156,178)
-
#29aac2
#29aac2
rgb(41,170,194)
-
#2cb9d3
#2cb9d3
rgb(44,185,211)
-
#3cbed6
#3cbed6
rgb(60,190,214)
-
#4dc4da
#4dc4da
rgb(77,196,218)
-
#5dc9dd
#5dc9dd
rgb(93,201,221)
-
#6dcee0
#6dcee0
rgb(109,206,224)
-
#7dd4e4
#7dd4e4
rgb(125,212,228)
-
#8dd9e7
#8dd9e7
rgb(141,217,231)
-
#9edfeb
#9edfeb
rgb(158,223,235)
-
#aee4ee
#aee4ee
rgb(174,228,238)
-
#bee9f1
#bee9f1
rgb(190,233,241)
-
#ceeff5
#ceeff5
rgb(206,239,245)
-
#def4f8
#def4f8
rgb(222,244,248)
-
#effafc
#effafc
rgb(239,250,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #228ea2
A tone is produced by adding gray to any pure hue. In this case, #5e6566 is the less saturated color, while #04a3c0 is the most saturated one.
-
#5e6566
#5e6566
rgb(94,101,102)
-
#576a6d
#576a6d
rgb(87,106,109)
-
#4f6f75
#4f6f75
rgb(79,111,117)
-
#48747c
#48747c
rgb(72,116,124)
-
#407984
#407984
rgb(64,121,132)
-
#397e8b
#397e8b
rgb(57,126,139)
-
#318493
#318493
rgb(49,132,147)
-
#2a899a
#2a899a
rgb(42,137,154)
-
#228ea2
#228ea2
rgb(34,142,162)
-
#1a93aa
#1a93aa
rgb(26,147,170)
-
#1398b1
#1398b1
rgb(19,152,177)
-
#0b9eb9
#0b9eb9
rgb(11,158,185)
-
#04a3c0
#04a3c0
rgb(4,163,192)
Color Blindness Simulator
Below, you can see how #228ea2 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.