#228bec Color Information
In a RGB color space, hex #228bec is composed of 13.3% red, 54.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 41.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 208.8 degrees, a saturation of 84.2% and a lightness of 52.9%. #228bec color hex could be obtained by blending #44ffff with #0017d9. Closest websafe color is: #3399ff.
-
- R 13
- G 55
- B 93
-
- C 86
- M 41
- Y 0
- K 7
● #228bec color description : Vivid blue.
#228bec Color Conversion
The hexadecimal color #228bec has RGB values of R:34, G:139, B:236 and CMYK values of C:0.86, M:0.41, Y:0, K:0.07. Its decimal value is 2264044.
Hex triplet | 228bec | #228bec |
---|---|---|
RGB Decimal | 34, 139, 236 | rgb(34,139,236) |
RGB Percent | 13.3, 54.5, 92.5 | rgb(13.3%,54.5%,92.5%) |
CMYK | 86, 41, 0, 7 | |
HSL | 208.8°, 84.2, 52.9 | hsl(208.8,84.2%,52.9%) |
HSV (or HSB) | 208.8°, 85.6, 92.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.938, 6.095, -56.82 |
---|---|
XYZ | 25.029, 24.859, 82.831 |
xyY | 0.189, 0.187, 24.859 |
CIE-LCH | 56.938, 57.146, 276.123 |
CIE-LUV | 56.938, -31.798, -90.467 |
Hunter-Lab | 49.859, 2.353, -63.598 |
Binary | 00100010, 10001011, 11101100 |
Color Schemes with #228bec
Alternatives to #228bec
Below, you can see some colors close to #228bec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228bec Preview
This text has a font color of #228bec.
<span style="color:#228bec;">Text here</span>
This paragraph has a background color of #228bec.
<p style="background-color:#228bec;">Content here</p>
This element has a border color of #228bec.
<div style="border:1px solid #228bec;">Content here</div>
.text {color:#228bec;}
.background {background-color:#228bec;}
.border {border:1px solid #228bec;}
Shades and Tints of #228bec
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, #01080e is the darkest color, while #fbfdff is the lightest one.
-
#01080e
#01080e
rgb(1,8,14)
-
#031220
#031220
rgb(3,18,32)
-
#041c32
#041c32
rgb(4,28,50)
-
#062644
#062644
rgb(6,38,68)
-
#073056
#073056
rgb(7,48,86)
-
#093a68
#093a68
rgb(9,58,104)
-
#0b457a
#0b457a
rgb(11,69,122)
-
#0c4f8c
#0c4f8c
rgb(12,79,140)
-
#0e599e
#0e599e
rgb(14,89,158)
-
#0f63b0
#0f63b0
rgb(15,99,176)
-
#116dc2
#116dc2
rgb(17,109,194)
-
#1277d5
#1277d5
rgb(18,119,213)
-
#1481e7
#1481e7
rgb(20,129,231)
-
#228bec
#228bec
rgb(34,139,236)
-
#3494ee
#3494ee
rgb(52,148,238)
-
#469eef
#469eef
rgb(70,158,239)
-
#58a7f1
#58a7f1
rgb(88,167,241)
-
#6ab1f2
#6ab1f2
rgb(106,177,242)
-
#7cbaf4
#7cbaf4
rgb(124,186,244)
-
#8ec4f5
#8ec4f5
rgb(142,196,245)
-
#a0cdf7
#a0cdf7
rgb(160,205,247)
-
#b3d7f8
#b3d7f8
rgb(179,215,248)
-
#c5e0fa
#c5e0fa
rgb(197,224,250)
-
#d7eafc
#d7eafc
rgb(215,234,252)
-
#e9f3fd
#e9f3fd
rgb(233,243,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #228bec
A tone is produced by adding gray to any pure hue. In this case, #7e8790 is the less saturated color, while #108cfe is the most saturated one.
-
#7e8790
#7e8790
rgb(126,135,144)
-
#758899
#758899
rgb(117,136,153)
-
#6c88a2
#6c88a2
rgb(108,136,162)
-
#6388ab
#6388ab
rgb(99,136,171)
-
#5989b5
#5989b5
rgb(89,137,181)
-
#5089be
#5089be
rgb(80,137,190)
-
#478ac7
#478ac7
rgb(71,138,199)
-
#3e8ad0
#3e8ad0
rgb(62,138,208)
-
#348ada
#348ada
rgb(52,138,218)
-
#2b8be3
#2b8be3
rgb(43,139,227)
-
#228bec
#228bec
rgb(34,139,236)
-
#198bf5
#198bf5
rgb(25,139,245)
-
#108cfe
#108cfe
rgb(16,140,254)
Color Blindness Simulator
Below, you can see how #228bec 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.