#228ac8 Color Information
In a RGB color space, hex #228ac8 is composed of 13.3% red, 54.1% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 31% magenta, 0% yellow and 21.6% black. It has a hue angle of 202.4 degrees, a saturation of 70.9% and a lightness of 45.9%. #228ac8 color hex could be obtained by blending #44ffff with #001591. Closest websafe color is: #3399cc.
-
- R 13
- G 54
- B 78
-
- C 83
- M 31
- Y 0
- K 22
● #228ac8 color description : Strong blue.
#228ac8 Color Conversion
The hexadecimal color #228ac8 has RGB values of R:34, G:138, B:200 and CMYK values of C:0.83, M:0.31, Y:0, K:0.22. Its decimal value is 2263752.
Hex triplet | 228ac8 | #228ac8 |
---|---|---|
RGB Decimal | 34, 138, 200 | rgb(34,138,200) |
RGB Percent | 13.3, 54.1, 78.4 | rgb(13.3%,54.1%,78.4%) |
CMYK | 83, 31, 0, 22 | |
HSL | 202.4°, 70.9, 45.9 | hsl(202.4,70.9%,45.9%) |
HSV (or HSB) | 202.4°, 83, 78.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 54.747, -6.703, -40.108 |
---|---|
XYZ | 20.171, 22.685, 57.956 |
xyY | 0.2, 0.225, 22.685 |
CIE-LCH | 54.747, 40.664, 260.512 |
CIE-LUV | 54.747, -33.334, -61.369 |
Hunter-Lab | 47.629, -7.756, -38.805 |
Binary | 00100010, 10001010, 11001000 |
Color Schemes with #228ac8
Alternatives to #228ac8
Below, you can see some colors close to #228ac8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228ac8 Preview
This text has a font color of #228ac8.
<span style="color:#228ac8;">Text here</span>
This paragraph has a background color of #228ac8.
<p style="background-color:#228ac8;">Content here</p>
This element has a border color of #228ac8.
<div style="border:1px solid #228ac8;">Content here</div>
.text {color:#228ac8;}
.background {background-color:#228ac8;}
.border {border:1px solid #228ac8;}
Shades and Tints of #228ac8
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, #030b10 is the darkest color, while #fefeff is the lightest one.
-
#030b10
#030b10
rgb(3,11,16)
-
#051620
#051620
rgb(5,22,32)
-
#082231
#082231
rgb(8,34,49)
-
#0b2d42
#0b2d42
rgb(11,45,66)
-
#0e3953
#0e3953
rgb(14,57,83)
-
#114563
#114563
rgb(17,69,99)
-
#145074
#145074
rgb(20,80,116)
-
#175c85
#175c85
rgb(23,92,133)
-
#196796
#196796
rgb(25,103,150)
-
#1c73a6
#1c73a6
rgb(28,115,166)
-
#1f7eb7
#1f7eb7
rgb(31,126,183)
-
#228ac8
#228ac8
rgb(34,138,200)
-
#2596d9
#2596d9
rgb(37,150,217)
-
#359edd
#359edd
rgb(53,158,221)
-
#45a6df
#45a6df
rgb(69,166,223)
-
#56aee2
#56aee2
rgb(86,174,226)
-
#67b6e5
#67b6e5
rgb(103,182,229)
-
#78bee8
#78bee8
rgb(120,190,232)
-
#88c6eb
#88c6eb
rgb(136,198,235)
-
#99ceee
#99ceee
rgb(153,206,238)
-
#aad6f1
#aad6f1
rgb(170,214,241)
-
#bbdef3
#bbdef3
rgb(187,222,243)
-
#cce6f6
#cce6f6
rgb(204,230,246)
-
#dceef9
#dceef9
rgb(220,238,249)
-
#edf6fc
#edf6fc
rgb(237,246,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #228ac8
A tone is produced by adding gray to any pure hue. In this case, #737677 is the less saturated color, while #0791e3 is the most saturated one.
-
#737677
#737677
rgb(115,118,119)
-
#6a7880
#6a7880
rgb(106,120,128)
-
#617a89
#617a89
rgb(97,122,137)
-
#587c92
#587c92
rgb(88,124,146)
-
#4f7f9b
#4f7f9b
rgb(79,127,155)
-
#4681a4
#4681a4
rgb(70,129,164)
-
#3d83ad
#3d83ad
rgb(61,131,173)
-
#3485b6
#3485b6
rgb(52,133,182)
-
#2b88bf
#2b88bf
rgb(43,136,191)
-
#228ac8
#228ac8
rgb(34,138,200)
-
#198cd1
#198cd1
rgb(25,140,209)
-
#108fda
#108fda
rgb(16,143,218)
-
#0791e3
#0791e3
rgb(7,145,227)
Color Blindness Simulator
Below, you can see how #228ac8 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.