#228cfe Color Information
In a RGB color space, hex #228cfe is composed of 13.3% red, 54.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 44.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 211.1 degrees, a saturation of 99.1% and a lightness of 56.5%. #228cfe color hex could be obtained by blending #44ffff with #0019fd. Closest websafe color is: #3399ff.
-
- R 13
- G 55
- B 100
-
- C 87
- M 45
- Y 0
- K 0
● #228cfe color description : Vivid blue.
#228cfe Color Conversion
The hexadecimal color #228cfe has RGB values of R:34, G:140, B:254 and CMYK values of C:0.87, M:0.45, Y:0, K:0. Its decimal value is 2264318.
Hex triplet | 228cfe | #228cfe |
---|---|---|
RGB Decimal | 34, 140, 254 | rgb(34,140,254) |
RGB Percent | 13.3, 54.9, 99.6 | rgb(13.3%,54.9%,99.6%) |
CMYK | 87, 45, 0, 0 | |
HSL | 211.1°, 99.1, 56.5 | hsl(211.1,99.1%,56.5%) |
HSV (or HSB) | 211.1°, 86.6, 99.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.273, 12.245, -64.62 |
---|---|
XYZ | 27.923, 26.25, 97.355 |
xyY | 0.184, 0.173, 26.25 |
CIE-LCH | 58.273, 65.77, 280.73 |
CIE-LUV | 58.273, -31.324, -104.039 |
Hunter-Lab | 51.234, 7.624, -76.799 |
Binary | 00100010, 10001100, 11111110 |
Color Schemes with #228cfe
Alternatives to #228cfe
Below, you can see some colors close to #228cfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228cfe Preview
This text has a font color of #228cfe.
<span style="color:#228cfe;">Text here</span>
This paragraph has a background color of #228cfe.
<p style="background-color:#228cfe;">Content here</p>
This element has a border color of #228cfe.
<div style="border:1px solid #228cfe;">Content here</div>
.text {color:#228cfe;}
.background {background-color:#228cfe;}
.border {border:1px solid #228cfe;}
Shades and Tints of #228cfe
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, #00060d is the darkest color, while #f9fcff is the lightest one.
-
#00060d
#00060d
rgb(0,6,13)
-
#001021
#001021
rgb(0,16,33)
-
#001934
#001934
rgb(0,25,52)
-
#002348
#002348
rgb(0,35,72)
-
#002c5b
#002c5b
rgb(0,44,91)
-
#01366f
#01366f
rgb(1,54,111)
-
#013f82
#013f82
rgb(1,63,130)
-
#014996
#014996
rgb(1,73,150)
-
#0152aa
#0152aa
rgb(1,82,170)
-
#015cbd
#015cbd
rgb(1,92,189)
-
#0165d1
#0165d1
rgb(1,101,209)
-
#016ee4
#016ee4
rgb(1,110,228)
-
#0178f8
#0178f8
rgb(1,120,248)
-
#0e82fe
#0e82fe
rgb(14,130,254)
-
#228cfe
#228cfe
rgb(34,140,254)
-
#3696fe
#3696fe
rgb(54,150,254)
-
#49a0fe
#49a0fe
rgb(73,160,254)
-
#5daafe
#5daafe
rgb(93,170,254)
-
#70b5fe
#70b5fe
rgb(112,181,254)
-
#84bffe
#84bffe
rgb(132,191,254)
-
#97c9ff
#97c9ff
rgb(151,201,255)
-
#abd3ff
#abd3ff
rgb(171,211,255)
-
#beddff
#beddff
rgb(190,221,255)
-
#d2e7ff
#d2e7ff
rgb(210,231,255)
-
#e5f2ff
#e5f2ff
rgb(229,242,255)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #228cfe
A tone is produced by adding gray to any pure hue. In this case, #889098 is the less saturated color, while #228cfe is the most saturated one.
-
#889098
#889098
rgb(136,144,152)
-
#808fa0
#808fa0
rgb(128,143,160)
-
#778fa9
#778fa9
rgb(119,143,169)
-
#6f8fb1
#6f8fb1
rgb(111,143,177)
-
#668eba
#668eba
rgb(102,142,186)
-
#5e8ec2
#5e8ec2
rgb(94,142,194)
-
#558ecb
#558ecb
rgb(85,142,203)
-
#4d8ed3
#4d8ed3
rgb(77,142,211)
-
#448ddc
#448ddc
rgb(68,141,220)
-
#3c8de4
#3c8de4
rgb(60,141,228)
-
#338ded
#338ded
rgb(51,141,237)
-
#2b8cf5
#2b8cf5
rgb(43,140,245)
-
#228cfe
#228cfe
rgb(34,140,254)
Color Blindness Simulator
Below, you can see how #228cfe 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.