#228afb Color Information
In a RGB color space, hex #228afb is composed of 13.3% red, 54.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 45% magenta, 0% yellow and 1.6% black. It has a hue angle of 211.2 degrees, a saturation of 96.4% and a lightness of 55.9%. #228afb color hex could be obtained by blending #44ffff with #0015f7. Closest websafe color is: #3399ff.
-
- R 13
- G 54
- B 98
-
- C 86
- M 45
- Y 0
- K 2
● #228afb color description : Vivid blue.
#228afb Color Conversion
The hexadecimal color #228afb has RGB values of R:34, G:138, B:251 and CMYK values of C:0.86, M:0.45, Y:0, K:0.02. Its decimal value is 2263803.
Hex triplet | 228afb | #228afb |
---|---|---|
RGB Decimal | 34, 138, 251 | rgb(34,138,251) |
RGB Percent | 13.3, 54.1, 98.4 | rgb(13.3%,54.1%,98.4%) |
CMYK | 86, 45, 0, 2 | |
HSL | 211.2°, 96.4, 55.9 | hsl(211.2,96.4%,55.9%) |
HSV (or HSB) | 211.2°, 86.5, 98.4 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.54, 12.337, -64.149 |
---|---|
XYZ | 27.157, 25.48, 94.748 |
xyY | 0.184, 0.173, 25.48 |
CIE-LCH | 57.54, 65.324, 280.886 |
CIE-LUV | 57.54, -30.838, -103.014 |
Hunter-Lab | 50.477, 7.697, -75.956 |
Binary | 00100010, 10001010, 11111011 |
Color Schemes with #228afb
Alternatives to #228afb
Below, you can see some colors close to #228afb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228afb Preview
This text has a font color of #228afb.
<span style="color:#228afb;">Text here</span>
This paragraph has a background color of #228afb.
<p style="background-color:#228afb;">Content here</p>
This element has a border color of #228afb.
<div style="border:1px solid #228afb;">Content here</div>
.text {color:#228afb;}
.background {background-color:#228afb;}
.border {border:1px solid #228afb;}
Shades and Tints of #228afb
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, #00050a is the darkest color, while #f6faff is the lightest one.
-
#00050a
#00050a
rgb(0,5,10)
-
#010e1d
#010e1d
rgb(1,14,29)
-
#011831
#011831
rgb(1,24,49)
-
#012144
#012144
rgb(1,33,68)
-
#022b57
#022b57
rgb(2,43,87)
-
#02346b
#02346b
rgb(2,52,107)
-
#023d7e
#023d7e
rgb(2,61,126)
-
#034791
#034791
rgb(3,71,145)
-
#0350a4
#0350a4
rgb(3,80,164)
-
#035ab8
#035ab8
rgb(3,90,184)
-
#0463cb
#0463cb
rgb(4,99,203)
-
#046dde
#046dde
rgb(4,109,222)
-
#0476f1
#0476f1
rgb(4,118,241)
-
#0f80fb
#0f80fb
rgb(15,128,251)
-
#228afb
#228afb
rgb(34,138,251)
-
#3594fb
#3594fb
rgb(53,148,251)
-
#499efc
#499efc
rgb(73,158,252)
-
#5ca9fc
#5ca9fc
rgb(92,169,252)
-
#6fb3fc
#6fb3fc
rgb(111,179,252)
-
#82bdfd
#82bdfd
rgb(130,189,253)
-
#96c7fd
#96c7fd
rgb(150,199,253)
-
#a9d1fd
#a9d1fd
rgb(169,209,253)
-
#bcdcfe
#bcdcfe
rgb(188,220,254)
-
#cfe6fe
#cfe6fe
rgb(207,230,254)
-
#e3f0fe
#e3f0fe
rgb(227,240,254)
-
#f6faff
#f6faff
rgb(246,250,255)
Tones of #228afb
A tone is produced by adding gray to any pure hue. In this case, #8a8e93 is the less saturated color, while #228afb is the most saturated one.
-
#8a8e93
#8a8e93
rgb(138,142,147)
-
#818e9c
#818e9c
rgb(129,142,156)
-
#798ea4
#798ea4
rgb(121,142,164)
-
#708dad
#708dad
rgb(112,141,173)
-
#678db6
#678db6
rgb(103,141,182)
-
#5f8dbe
#5f8dbe
rgb(95,141,190)
-
#568cc7
#568cc7
rgb(86,140,199)
-
#4d8cd0
#4d8cd0
rgb(77,140,208)
-
#458bd8
#458bd8
rgb(69,139,216)
-
#3c8be1
#3c8be1
rgb(60,139,225)
-
#338bea
#338bea
rgb(51,139,234)
-
#2b8af2
#2b8af2
rgb(43,138,242)
-
#228afb
#228afb
rgb(34,138,251)
Color Blindness Simulator
Below, you can see how #228afb 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.