#228afa Color Information
In a RGB color space, hex #228afa is composed of 13.3% red, 54.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 44.8% magenta, 0% yellow and 2% black. It has a hue angle of 211.1 degrees, a saturation of 95.6% and a lightness of 55.7%. #228afa color hex could be obtained by blending #44ffff with #0015f5. Closest websafe color is: #3399ff.
-
- R 13
- G 54
- B 98
-
- C 86
- M 45
- Y 0
- K 2
● #228afa color description : Vivid blue.
#228afa Color Conversion
The hexadecimal color #228afa has RGB values of R:34, G:138, B:250 and CMYK values of C:0.86, M:0.45, Y:0, K:0.02. Its decimal value is 2263802.
Hex triplet | 228afa | #228afa |
---|---|---|
RGB Decimal | 34, 138, 250 | rgb(34,138,250) |
RGB Percent | 13.3, 54.1, 98 | rgb(13.3%,54.1%,98%) |
CMYK | 86, 45, 0, 2 | |
HSL | 211.1°, 95.6, 55.7 | hsl(211.1,95.6%,55.7%) |
HSV (or HSB) | 211.1°, 86.4, 98 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.479, 11.961, -63.695 |
---|---|
XYZ | 27, 25.417, 93.92 |
xyY | 0.185, 0.174, 25.417 |
CIE-LCH | 57.479, 64.808, 280.635 |
CIE-LUV | 57.479, -30.878, -102.235 |
Hunter-Lab | 50.415, 7.368, -75.163 |
Binary | 00100010, 10001010, 11111010 |
Color Schemes with #228afa
Alternatives to #228afa
Below, you can see some colors close to #228afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228afa Preview
This text has a font color of #228afa.
<span style="color:#228afa;">Text here</span>
This paragraph has a background color of #228afa.
<p style="background-color:#228afa;">Content here</p>
This element has a border color of #228afa.
<div style="border:1px solid #228afa;">Content here</div>
.text {color:#228afa;}
.background {background-color:#228afa;}
.border {border:1px solid #228afa;}
Shades and Tints of #228afa
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)
-
#010e1c
#010e1c
rgb(1,14,28)
-
#011730
#011730
rgb(1,23,48)
-
#022143
#022143
rgb(2,33,67)
-
#022a56
#022a56
rgb(2,42,86)
-
#023469
#023469
rgb(2,52,105)
-
#033d7c
#033d7c
rgb(3,61,124)
-
#03478f
#03478f
rgb(3,71,143)
-
#0450a3
#0450a3
rgb(4,80,163)
-
#045ab6
#045ab6
rgb(4,90,182)
-
#0563c9
#0563c9
rgb(5,99,201)
-
#056ddc
#056ddc
rgb(5,109,220)
-
#0576ef
#0576ef
rgb(5,118,239)
-
#0f80fa
#0f80fa
rgb(15,128,250)
-
#228afa
#228afa
rgb(34,138,250)
-
#3594fa
#3594fa
rgb(53,148,250)
-
#489efb
#489efb
rgb(72,158,251)
-
#5ca8fb
#5ca8fb
rgb(92,168,251)
-
#6fb3fc
#6fb3fc
rgb(111,179,252)
-
#82bdfc
#82bdfc
rgb(130,189,252)
-
#95c7fd
#95c7fd
rgb(149,199,253)
-
#a8d1fd
#a8d1fd
rgb(168,209,253)
-
#bbdbfd
#bbdbfd
rgb(187,219,253)
-
#cfe5fe
#cfe5fe
rgb(207,229,254)
-
#e2f0fe
#e2f0fe
rgb(226,240,254)
-
#f5faff
#f5faff
rgb(245,250,255)
Tones of #228afa
A tone is produced by adding gray to any pure hue. In this case, #8a8e92 is the less saturated color, while #228afa is the most saturated one.
-
#8a8e92
#8a8e92
rgb(138,142,146)
-
#828e9a
#828e9a
rgb(130,142,154)
-
#798da3
#798da3
rgb(121,141,163)
-
#708dac
#708dac
rgb(112,141,172)
-
#688db4
#688db4
rgb(104,141,180)
-
#5f8cbd
#5f8cbd
rgb(95,140,189)
-
#568cc6
#568cc6
rgb(86,140,198)
-
#4d8ccf
#4d8ccf
rgb(77,140,207)
-
#458bd7
#458bd7
rgb(69,139,215)
-
#3c8be0
#3c8be0
rgb(60,139,224)
-
#338be9
#338be9
rgb(51,139,233)
-
#2b8af1
#2b8af1
rgb(43,138,241)
-
#228afa
#228afa
rgb(34,138,250)
Color Blindness Simulator
Below, you can see how #228afa 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.