#2f4dff Color Information
In a RGB color space, hex #2f4dff is composed of 18.4% red, 30.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 69.8% magenta, 0% yellow and 0% black. It has a hue angle of 231.3 degrees, a saturation of 100% and a lightness of 59.2%. #2f4dff color hex could be obtained by blending #5e9aff with #0000ff. Closest websafe color is: #3366ff.
-
- R 18
- G 30
- B 100
-
- C 82
- M 70
- Y 0
- K 0
● #2f4dff color description : Vivid blue.
#2f4dff Color Conversion
The hexadecimal color #2f4dff has RGB values of R:47, G:77, B:255 and CMYK values of C:0.82, M:0.7, Y:0, K:0. Its decimal value is 3100159.
Hex triplet | 2f4dff | #2f4dff |
---|---|---|
RGB Decimal | 47, 77, 255 | rgb(47,77,255) |
RGB Percent | 18.4, 30.2, 100 | rgb(18.4%,30.2%,100%) |
CMYK | 82, 70, 0, 0 | |
HSL | 231.3°, 100, 59.2 | hsl(231.3,100%,59.2%) |
HSV (or HSB) | 231.3°, 81.6, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 42.959, 52.266, -90.114 |
---|---|
XYZ | 21.872, 13.13, 95.984 |
xyY | 0.167, 0.1, 13.13 |
CIE-LCH | 42.959, 104.174, 300.114 |
CIE-LUV | 42.959, -14.074, -131.324 |
Hunter-Lab | 36.236, 44.332, -131.685 |
Binary | 00101111, 01001101, 11111111 |
Color Schemes with #2f4dff
Alternatives to #2f4dff
Below, you can see some colors close to #2f4dff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f4dff Preview
This text has a font color of #2f4dff.
<span style="color:#2f4dff;">Text here</span>
This paragraph has a background color of #2f4dff.
<p style="background-color:#2f4dff;">Content here</p>
This element has a border color of #2f4dff.
<div style="border:1px solid #2f4dff;">Content here</div>
.text {color:#2f4dff;}
.background {background-color:#2f4dff;}
.border {border:1px solid #2f4dff;}
Shades and Tints of #2f4dff
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, #000108 is the darkest color, while #f3f5ff is the lightest one.
-
#000108
#000108
rgb(0,1,8)
-
#00041b
#00041b
rgb(0,4,27)
-
#00072f
#00072f
rgb(0,7,47)
-
#000a43
#000a43
rgb(0,10,67)
-
#000c56
#000c56
rgb(0,12,86)
-
#000f6a
#000f6a
rgb(0,15,106)
-
#00127d
#00127d
rgb(0,18,125)
-
#001591
#001591
rgb(0,21,145)
-
#0018a5
#0018a5
rgb(0,24,165)
-
#001bb8
#001bb8
rgb(0,27,184)
-
#001dcc
#001dcc
rgb(0,29,204)
-
#0020e0
#0020e0
rgb(0,32,224)
-
#0023f3
#0023f3
rgb(0,35,243)
-
#082bff
#082bff
rgb(8,43,255)
-
#1b3cff
#1b3cff
rgb(27,60,255)
-
#2f4dff
#2f4dff
rgb(47,77,255)
-
#435eff
#435eff
rgb(67,94,255)
-
#566fff
#566fff
rgb(86,111,255)
-
#6a7fff
#6a7fff
rgb(106,127,255)
-
#7d90ff
#7d90ff
rgb(125,144,255)
-
#91a1ff
#91a1ff
rgb(145,161,255)
-
#a5b2ff
#a5b2ff
rgb(165,178,255)
-
#b8c3ff
#b8c3ff
rgb(184,195,255)
-
#ccd3ff
#ccd3ff
rgb(204,211,255)
-
#e0e4ff
#e0e4ff
rgb(224,228,255)
-
#f3f5ff
#f3f5ff
rgb(243,245,255)
Tones of #2f4dff
A tone is produced by adding gray to any pure hue. In this case, #8f919f is the less saturated color, while #2f4dff is the most saturated one.
-
#8f919f
#8f919f
rgb(143,145,159)
-
#878ca7
#878ca7
rgb(135,140,167)
-
#7f86af
#7f86af
rgb(127,134,175)
-
#7780b7
#7780b7
rgb(119,128,183)
-
#6f7bbf
#6f7bbf
rgb(111,123,191)
-
#6775c7
#6775c7
rgb(103,117,199)
-
#5f6fcf
#5f6fcf
rgb(95,111,207)
-
#5769d7
#5769d7
rgb(87,105,215)
-
#4f64df
#4f64df
rgb(79,100,223)
-
#475ee7
#475ee7
rgb(71,94,231)
-
#3f58ef
#3f58ef
rgb(63,88,239)
-
#3753f7
#3753f7
rgb(55,83,247)
-
#2f4dff
#2f4dff
rgb(47,77,255)
Color Blindness Simulator
Below, you can see how #2f4dff 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.