#228eea Color Information
In a RGB color space, hex #228eea is composed of 13.3% red, 55.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 39.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 207.6 degrees, a saturation of 82.6% and a lightness of 52.5%. #228eea color hex could be obtained by blending #44ffff with #001dd5. Closest websafe color is: #3399ff.
-
- R 13
- G 56
- B 92
-
- C 85
- M 39
- Y 0
- K 8
● #228eea color description : Vivid blue.
#228eea Color Conversion
The hexadecimal color #228eea has RGB values of R:34, G:142, B:234 and CMYK values of C:0.85, M:0.39, Y:0, K:0.08. Its decimal value is 2264810.
Hex triplet | 228eea | #228eea |
---|---|---|
RGB Decimal | 34, 142, 234 | rgb(34,142,234) |
RGB Percent | 13.3, 55.7, 91.8 | rgb(13.3%,55.7%,91.8%) |
CMYK | 85, 39, 0, 8 | |
HSL | 207.6°, 82.6, 52.5 | hsl(207.6,82.6%,52.5%) |
HSV (or HSB) | 207.6°, 85.5, 91.8 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.679, 3.547, -54.527 |
---|---|
XYZ | 25.18, 25.624, 81.456 |
xyY | 0.19, 0.194, 25.624 |
CIE-LCH | 57.679, 54.642, 273.722 |
CIE-LUV | 57.679, -32.85, -86.726 |
Hunter-Lab | 50.621, 0.206, -59.972 |
Binary | 00100010, 10001110, 11101010 |
Color Schemes with #228eea
Alternatives to #228eea
Below, you can see some colors close to #228eea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228eea Preview
This text has a font color of #228eea.
<span style="color:#228eea;">Text here</span>
This paragraph has a background color of #228eea.
<p style="background-color:#228eea;">Content here</p>
This element has a border color of #228eea.
<div style="border:1px solid #228eea;">Content here</div>
.text {color:#228eea;}
.background {background-color:#228eea;}
.border {border:1px solid #228eea;}
Shades and Tints of #228eea
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, #01070c is the darkest color, while #f9fcfe is the lightest one.
-
#01070c
#01070c
rgb(1,7,12)
-
#03111e
#03111e
rgb(3,17,30)
-
#051c30
#051c30
rgb(5,28,48)
-
#062642
#062642
rgb(6,38,66)
-
#083154
#083154
rgb(8,49,84)
-
#0a3b65
#0a3b65
rgb(10,59,101)
-
#0b4677
#0b4677
rgb(11,70,119)
-
#0d5089
#0d5089
rgb(13,80,137)
-
#0f5b9b
#0f5b9b
rgb(15,91,155)
-
#1065ad
#1065ad
rgb(16,101,173)
-
#126fbf
#126fbf
rgb(18,111,191)
-
#147ad1
#147ad1
rgb(20,122,209)
-
#1684e3
#1684e3
rgb(22,132,227)
-
#228eea
#228eea
rgb(34,142,234)
-
#3497ec
#3497ec
rgb(52,151,236)
-
#46a0ed
#46a0ed
rgb(70,160,237)
-
#58a9ef
#58a9ef
rgb(88,169,239)
-
#6ab3f1
#6ab3f1
rgb(106,179,241)
-
#7cbcf3
#7cbcf3
rgb(124,188,243)
-
#8dc5f4
#8dc5f4
rgb(141,197,244)
-
#9fcef6
#9fcef6
rgb(159,206,246)
-
#b1d7f8
#b1d7f8
rgb(177,215,248)
-
#c3e0f9
#c3e0f9
rgb(195,224,249)
-
#d5eafb
#d5eafb
rgb(213,234,251)
-
#e7f3fd
#e7f3fd
rgb(231,243,253)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #228eea
A tone is produced by adding gray to any pure hue. In this case, #7f878d is the less saturated color, while #0f8ffd is the most saturated one.
-
#7f878d
#7f878d
rgb(127,135,141)
-
#768796
#768796
rgb(118,135,150)
-
#6c88a0
#6c88a0
rgb(108,136,160)
-
#6389a9
#6389a9
rgb(99,137,169)
-
#5a8ab2
#5a8ab2
rgb(90,138,178)
-
#518abb
#518abb
rgb(81,138,187)
-
#478bc5
#478bc5
rgb(71,139,197)
-
#3e8cce
#3e8cce
rgb(62,140,206)
-
#358dd7
#358dd7
rgb(53,141,215)
-
#2b8de1
#2b8de1
rgb(43,141,225)
-
#228eea
#228eea
rgb(34,142,234)
-
#198ff3
#198ff3
rgb(25,143,243)
-
#0f8ffd
#0f8ffd
rgb(15,143,253)
Color Blindness Simulator
Below, you can see how #228eea 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.