#2284f1 Color Information
In a RGB color space, hex #2284f1 is composed of 13.3% red, 51.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 45.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 211.6 degrees, a saturation of 88.1% and a lightness of 53.9%. #2284f1 color hex could be obtained by blending #44ffff with #0009e3. Closest websafe color is: #3399ff.
-
- R 13
- G 52
- B 95
-
- C 86
- M 45
- Y 0
- K 5
● #2284f1 color description : Vivid blue.
#2284f1 Color Conversion
The hexadecimal color #2284f1 has RGB values of R:34, G:132, B:241 and CMYK values of C:0.86, M:0.45, Y:0, K:0.05. Its decimal value is 2262257.
Hex triplet | 2284f1 | #2284f1 |
---|---|---|
RGB Decimal | 34, 132, 241 | rgb(34,132,241) |
RGB Percent | 13.3, 51.8, 94.5 | rgb(13.3%,51.8%,94.5%) |
CMYK | 86, 45, 0, 5 | |
HSL | 211.6°, 88.1, 53.9 | hsl(211.6,88.1%,53.9%) |
HSV (or HSB) | 211.6°, 85.9, 94.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.269, 12.243, -62.272 |
---|---|
XYZ | 24.785, 23.191, 86.384 |
xyY | 0.184, 0.173, 23.191 |
CIE-LCH | 55.269, 63.464, 281.123 |
CIE-LUV | 55.269, -29.407, -99.138 |
Hunter-Lab | 48.157, 7.591, -72.644 |
Binary | 00100010, 10000100, 11110001 |
Color Schemes with #2284f1
Alternatives to #2284f1
Below, you can see some colors close to #2284f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2284f1 Preview
This text has a font color of #2284f1.
<span style="color:#2284f1;">Text here</span>
This paragraph has a background color of #2284f1.
<p style="background-color:#2284f1;">Content here</p>
This element has a border color of #2284f1.
<div style="border:1px solid #2284f1;">Content here</div>
.text {color:#2284f1;}
.background {background-color:#2284f1;}
.border {border:1px solid #2284f1;}
Shades and Tints of #2284f1
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, #000000 is the darkest color, while #edf5fe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#010a13
#010a13
rgb(1,10,19)
-
#021325
#021325
rgb(2,19,37)
-
#041c38
#041c38
rgb(4,28,56)
-
#05264a
#05264a
rgb(5,38,74)
-
#062f5d
#062f5d
rgb(6,47,93)
-
#07386f
#07386f
rgb(7,56,111)
-
#084281
#084281
rgb(8,66,129)
-
#094b94
#094b94
rgb(9,75,148)
-
#0b54a6
#0b54a6
rgb(11,84,166)
-
#0c5eb9
#0c5eb9
rgb(12,94,185)
-
#0d67cb
#0d67cb
rgb(13,103,203)
-
#0e70de
#0e70de
rgb(14,112,222)
-
#107af0
#107af0
rgb(16,122,240)
-
#2284f1
#2284f1
rgb(34,132,241)
-
#348ef2
#348ef2
rgb(52,142,242)
-
#4799f3
#4799f3
rgb(71,153,243)
-
#59a3f5
#59a3f5
rgb(89,163,245)
-
#6cadf6
#6cadf6
rgb(108,173,246)
-
#7eb7f7
#7eb7f7
rgb(126,183,247)
-
#91c2f8
#91c2f8
rgb(145,194,248)
-
#a3ccf9
#a3ccf9
rgb(163,204,249)
-
#b6d6fa
#b6d6fa
rgb(182,214,250)
-
#c8e0fc
#c8e0fc
rgb(200,224,252)
-
#daebfd
#daebfd
rgb(218,235,253)
-
#edf5fe
#edf5fe
rgb(237,245,254)
Tones of #2284f1
A tone is produced by adding gray to any pure hue. In this case, #85898e is the less saturated color, while #1984fa is the most saturated one.
-
#85898e
#85898e
rgb(133,137,142)
-
#7c8997
#7c8997
rgb(124,137,151)
-
#7388a0
#7388a0
rgb(115,136,160)
-
#6a88a9
#6a88a9
rgb(106,136,169)
-
#6187b2
#6187b2
rgb(97,135,178)
-
#5887bb
#5887bb
rgb(88,135,187)
-
#4f86c4
#4f86c4
rgb(79,134,196)
-
#4686cd
#4686cd
rgb(70,134,205)
-
#3d85d6
#3d85d6
rgb(61,133,214)
-
#3485df
#3485df
rgb(52,133,223)
-
#2b84e8
#2b84e8
rgb(43,132,232)
-
#2284f1
#2284f1
rgb(34,132,241)
-
#1984fa
#1984fa
rgb(25,132,250)
Color Blindness Simulator
Below, you can see how #2284f1 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.