#2274f3 Color Information
In a RGB color space, hex #2274f3 is composed of 13.3% red, 45.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 52.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 216.5 degrees, a saturation of 89.7% and a lightness of 54.3%. #2274f3 color hex could be obtained by blending #44e8ff with #0000e7. Closest websafe color is: #3366ff.
-
- R 13
- G 45
- B 95
-
- C 86
- M 52
- Y 0
- K 5
● #2274f3 color description : Vivid blue.
#2274f3 Color Conversion
The hexadecimal color #2274f3 has RGB values of R:34, G:116, B:243 and CMYK values of C:0.86, M:0.52, Y:0, K:0.05. Its decimal value is 2258163.
Hex triplet | 2274f3 | #2274f3 |
---|---|---|
RGB Decimal | 34, 116, 243 | rgb(34,116,243) |
RGB Percent | 13.3, 45.5, 95.3 | rgb(13.3%,45.5%,95.3%) |
CMYK | 86, 52, 0, 5 | |
HSL | 216.5°, 89.7, 54.3 | hsl(216.5,89.7%,54.3%) |
HSV (or HSB) | 216.5°, 86, 95.3 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 51.036, 22.985, -70.22 |
---|---|
XYZ | 23.079, 19.3, 87.298 |
xyY | 0.178, 0.149, 19.3 |
CIE-LCH | 51.036, 73.886, 288.125 |
CIE-LUV | 51.036, -24.642, -110.118 |
Hunter-Lab | 43.932, 16.893, -87.065 |
Binary | 00100010, 01110100, 11110011 |
Color Schemes with #2274f3
Alternatives to #2274f3
Below, you can see some colors close to #2274f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2274f3 Preview
This text has a font color of #2274f3.
<span style="color:#2274f3;">Text here</span>
This paragraph has a background color of #2274f3.
<p style="background-color:#2274f3;">Content here</p>
This element has a border color of #2274f3.
<div style="border:1px solid #2274f3;">Content here</div>
.text {color:#2274f3;}
.background {background-color:#2274f3;}
.border {border:1px solid #2274f3;}
Shades and Tints of #2274f3
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, #000102 is the darkest color, while #eff5fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#010915
#010915
rgb(1,9,21)
-
#021127
#021127
rgb(2,17,39)
-
#03193a
#03193a
rgb(3,25,58)
-
#04214d
#04214d
rgb(4,33,77)
-
#05295f
#05295f
rgb(5,41,95)
-
#063072
#063072
rgb(6,48,114)
-
#073884
#073884
rgb(7,56,132)
-
#084097
#084097
rgb(8,64,151)
-
#0948aa
#0948aa
rgb(9,72,170)
-
#0a50bc
#0a50bc
rgb(10,80,188)
-
#0b58cf
#0b58cf
rgb(11,88,207)
-
#0c60e2
#0c60e2
rgb(12,96,226)
-
#0f68f2
#0f68f2
rgb(15,104,242)
-
#2274f3
#2274f3
rgb(34,116,243)
-
#3580f4
#3580f4
rgb(53,128,244)
-
#478bf5
#478bf5
rgb(71,139,245)
-
#5a97f6
#5a97f6
rgb(90,151,246)
-
#6ca3f7
#6ca3f7
rgb(108,163,247)
-
#7faff8
#7faff8
rgb(127,175,248)
-
#92baf9
#92baf9
rgb(146,186,249)
-
#a4c6fa
#a4c6fa
rgb(164,198,250)
-
#b7d2fb
#b7d2fb
rgb(183,210,251)
-
#c9ddfc
#c9ddfc
rgb(201,221,252)
-
#dce9fd
#dce9fd
rgb(220,233,253)
-
#eff5fe
#eff5fe
rgb(239,245,254)
Tones of #2274f3
A tone is produced by adding gray to any pure hue. In this case, #858990 is the less saturated color, while #1972fc is the most saturated one.
-
#858990
#858990
rgb(133,137,144)
-
#7c8799
#7c8799
rgb(124,135,153)
-
#7385a2
#7385a2
rgb(115,133,162)
-
#6a83ab
#6a83ab
rgb(106,131,171)
-
#6182b4
#6182b4
rgb(97,130,180)
-
#5880bd
#5880bd
rgb(88,128,189)
-
#4f7ec6
#4f7ec6
rgb(79,126,198)
-
#467ccf
#467ccf
rgb(70,124,207)
-
#3d7ad8
#3d7ad8
rgb(61,122,216)
-
#3478e1
#3478e1
rgb(52,120,225)
-
#2b76ea
#2b76ea
rgb(43,118,234)
-
#2274f3
#2274f3
rgb(34,116,243)
-
#1972fc
#1972fc
rgb(25,114,252)
Color Blindness Simulator
Below, you can see how #2274f3 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.