#228ffa Color Information
In a RGB color space, hex #228ffa is composed of 13.3% red, 56.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 42.8% magenta, 0% yellow and 2% black. It has a hue angle of 209.7 degrees, a saturation of 95.6% and a lightness of 55.7%. #228ffa color hex could be obtained by blending #44ffff with #001ff5. Closest websafe color is: #3399ff.
-
- R 13
- G 56
- B 98
-
- C 86
- M 43
- Y 0
- K 2
● #228ffa color description : Vivid blue.
#228ffa Color Conversion
The hexadecimal color #228ffa has RGB values of R:34, G:143, B:250 and CMYK values of C:0.86, M:0.43, Y:0, K:0.02. Its decimal value is 2265082.
Hex triplet | 228ffa | #228ffa |
---|---|---|
RGB Decimal | 34, 143, 250 | rgb(34,143,250) |
RGB Percent | 13.3, 56.1, 98 | rgb(13.3%,56.1%,98%) |
CMYK | 86, 43, 0, 2 | |
HSL | 209.7°, 95.6, 55.7 | hsl(209.7,95.6%,55.7%) |
HSV (or HSB) | 209.7°, 86.4, 98 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.867, 8.929, -61.467 |
---|---|
XYZ | 27.733, 26.885, 94.165 |
xyY | 0.186, 0.181, 26.885 |
CIE-LCH | 58.867, 62.112, 278.265 |
CIE-LUV | 58.867, -32.418, -98.885 |
Hunter-Lab | 51.85, 4.737, -71.38 |
Binary | 00100010, 10001111, 11111010 |
Color Schemes with #228ffa
Alternatives to #228ffa
Below, you can see some colors close to #228ffa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228ffa Preview
This text has a font color of #228ffa.
<span style="color:#228ffa;">Text here</span>
This paragraph has a background color of #228ffa.
<p style="background-color:#228ffa;">Content here</p>
This element has a border color of #228ffa.
<div style="border:1px solid #228ffa;">Content here</div>
.text {color:#228ffa;}
.background {background-color:#228ffa;}
.border {border:1px solid #228ffa;}
Shades and Tints of #228ffa
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, #000509 is the darkest color, while #f5faff is the lightest one.
-
#000509
#000509
rgb(0,5,9)
-
#010f1c
#010f1c
rgb(1,15,28)
-
#011930
#011930
rgb(1,25,48)
-
#022243
#022243
rgb(2,34,67)
-
#022c56
#022c56
rgb(2,44,86)
-
#023669
#023669
rgb(2,54,105)
-
#03407c
#03407c
rgb(3,64,124)
-
#034a8f
#034a8f
rgb(3,74,143)
-
#0454a3
#0454a3
rgb(4,84,163)
-
#045eb6
#045eb6
rgb(4,94,182)
-
#0568c9
#0568c9
rgb(5,104,201)
-
#0572dc
#0572dc
rgb(5,114,220)
-
#057bef
#057bef
rgb(5,123,239)
-
#0f85fa
#0f85fa
rgb(15,133,250)
-
#228ffa
#228ffa
rgb(34,143,250)
-
#3599fa
#3599fa
rgb(53,153,250)
-
#48a2fb
#48a2fb
rgb(72,162,251)
-
#5cacfb
#5cacfb
rgb(92,172,251)
-
#6fb6fc
#6fb6fc
rgb(111,182,252)
-
#82c0fc
#82c0fc
rgb(130,192,252)
-
#95c9fd
#95c9fd
rgb(149,201,253)
-
#a8d3fd
#a8d3fd
rgb(168,211,253)
-
#bbddfd
#bbddfd
rgb(187,221,253)
-
#cfe6fe
#cfe6fe
rgb(207,230,254)
-
#e2f0fe
#e2f0fe
rgb(226,240,254)
-
#f5faff
#f5faff
rgb(245,250,255)
Tones of #228ffa
A tone is produced by adding gray to any pure hue. In this case, #8a8e92 is the less saturated color, while #228ffa is the most saturated one.
-
#8a8e92
#8a8e92
rgb(138,142,146)
-
#828e9a
#828e9a
rgb(130,142,154)
-
#798ea3
#798ea3
rgb(121,142,163)
-
#708eac
#708eac
rgb(112,142,172)
-
#688eb4
#688eb4
rgb(104,142,180)
-
#5f8ebd
#5f8ebd
rgb(95,142,189)
-
#568fc6
#568fc6
rgb(86,143,198)
-
#4d8fcf
#4d8fcf
rgb(77,143,207)
-
#458fd7
#458fd7
rgb(69,143,215)
-
#3c8fe0
#3c8fe0
rgb(60,143,224)
-
#338fe9
#338fe9
rgb(51,143,233)
-
#2b8ff1
#2b8ff1
rgb(43,143,241)
-
#228ffa
#228ffa
rgb(34,143,250)
Color Blindness Simulator
Below, you can see how #228ffa 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.