#2f30ff Color Information
In a RGB color space, hex #2f30ff is composed of 18.4% red, 18.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 81.2% magenta, 0% yellow and 0% black. It has a hue angle of 239.7 degrees, a saturation of 100% and a lightness of 59.2%. #2f30ff color hex could be obtained by blending #5e60ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 18
- G 19
- B 100
-
- C 82
- M 81
- Y 0
- K 0
● #2f30ff color description : Vivid blue.
#2f30ff Color Conversion
The hexadecimal color #2f30ff has RGB values of R:47, G:48, B:255 and CMYK values of C:0.82, M:0.81, Y:0, K:0. Its decimal value is 3092735.
Hex triplet | 2f30ff | #2f30ff |
---|---|---|
RGB Decimal | 47, 48, 255 | rgb(47,48,255) |
RGB Percent | 18.4, 18.8, 100 | rgb(18.4%,18.8%,100%) |
CMYK | 82, 81, 0, 0 | |
HSL | 239.7°, 100, 59.2 | hsl(239.7,100%,59.2%) |
HSV (or HSB) | 239.7°, 81.6, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 37.729, 67.165, -98.777 |
---|---|
XYZ | 20.276, 9.937, 95.452 |
xyY | 0.161, 0.079, 9.937 |
CIE-LCH | 37.729, 119.449, 304.215 |
CIE-LUV | 37.729, -9.741, -133.447 |
Hunter-Lab | 31.523, 59.648, -157.466 |
Binary | 00101111, 00110000, 11111111 |
Color Schemes with #2f30ff
Alternatives to #2f30ff
Below, you can see some colors close to #2f30ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f30ff Preview
This text has a font color of #2f30ff.
<span style="color:#2f30ff;">Text here</span>
This paragraph has a background color of #2f30ff.
<p style="background-color:#2f30ff;">Content here</p>
This element has a border color of #2f30ff.
<div style="border:1px solid #2f30ff;">Content here</div>
.text {color:#2f30ff;}
.background {background-color:#2f30ff;}
.border {border:1px solid #2f30ff;}
Shades and Tints of #2f30ff
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, #000008 is the darkest color, while #f3f3ff is the lightest one.
-
#000008
#000008
rgb(0,0,8)
-
#00001b
#00001b
rgb(0,0,27)
-
#00002f
#00002f
rgb(0,0,47)
-
#000043
#000043
rgb(0,0,67)
-
#000056
#000056
rgb(0,0,86)
-
#00016a
#00016a
rgb(0,1,106)
-
#00017d
#00017d
rgb(0,1,125)
-
#000191
#000191
rgb(0,1,145)
-
#0001a5
#0001a5
rgb(0,1,165)
-
#0001b8
#0001b8
rgb(0,1,184)
-
#0001cc
#0001cc
rgb(0,1,204)
-
#0001e0
#0001e0
rgb(0,1,224)
-
#0001f3
#0001f3
rgb(0,1,243)
-
#0809ff
#0809ff
rgb(8,9,255)
-
#1b1cff
#1b1cff
rgb(27,28,255)
-
#2f30ff
#2f30ff
rgb(47,48,255)
-
#4344ff
#4344ff
rgb(67,68,255)
-
#5657ff
#5657ff
rgb(86,87,255)
-
#6a6bff
#6a6bff
rgb(106,107,255)
-
#7d7eff
#7d7eff
rgb(125,126,255)
-
#9192ff
#9192ff
rgb(145,146,255)
-
#a5a5ff
#a5a5ff
rgb(165,165,255)
-
#b8b9ff
#b8b9ff
rgb(184,185,255)
-
#ccccff
#ccccff
rgb(204,204,255)
-
#e0e0ff
#e0e0ff
rgb(224,224,255)
-
#f3f3ff
#f3f3ff
rgb(243,243,255)
Tones of #2f30ff
A tone is produced by adding gray to any pure hue. In this case, #8f8f9f is the less saturated color, while #2f30ff is the most saturated one.
-
#8f8f9f
#8f8f9f
rgb(143,143,159)
-
#8787a7
#8787a7
rgb(135,135,167)
-
#7f7faf
#7f7faf
rgb(127,127,175)
-
#7777b7
#7777b7
rgb(119,119,183)
-
#6f6fbf
#6f6fbf
rgb(111,111,191)
-
#6767c7
#6767c7
rgb(103,103,199)
-
#5f60cf
#5f60cf
rgb(95,96,207)
-
#5758d7
#5758d7
rgb(87,88,215)
-
#4f50df
#4f50df
rgb(79,80,223)
-
#4748e7
#4748e7
rgb(71,72,231)
-
#3f40ef
#3f40ef
rgb(63,64,239)
-
#3738f7
#3738f7
rgb(55,56,247)
-
#2f30ff
#2f30ff
rgb(47,48,255)
Color Blindness Simulator
Below, you can see how #2f30ff 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.