#2f7bff color information
In a RGB color space, hex #2f7bff is composed of 18.4% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 218.1 degrees, a saturation of 100% and a lightness of 59.2%. #2f7bff color hex could be obtained by blending #5ef6ff with #0000ff. Closest websafe color is: #3366ff.
#2f7bff color conversion
The hexadecimal color #2f7bff has RGB values of R:47, G:123, B:255 and CMYK values of C:0.82, M:0.52, Y:0, K:0. Its decimal value is 3111935.
- Hex triplet 2f7bff
#2f7bff - RGB Decimal 47, 123, 255
rgb(47,123,255) - RGB Percent 18.4, 48.2, 100
rgb(18.4%,48.2%,100%) - CMYK 82, 52, 0, 0
- HSL 218.1°, 100, 59.2
hsl(218,100%,59%) - HSV (or HSB) 218.1°, 81.6, 100
- Web Safe 3366ff
#3366ff
- CIE-LAB 54.014, 24.038, -72.032
- XYZ 26.301, 21.988, 97.46
- xyY 0.18, 0.151, 21.988
- CIE-LCH 54.014, 75.937, 288.454
- CIE-LUV 54.014, -25.007, -114.585
- Hunter-Lab 46.892, 18.06, -90.405
- Binary 00101111, 01111011, 11111111
Color Schemes with #2f7bff
#2f7bff in action
This text has a font color of #2f7bff.
<span style="color:#2f7bff;">Text here</span>
This paragraph has a background color of #2f7bff.
<p style="background-color:#2f7bff;">Content here</p>
This element has a border color of #2f7bff.
<div style="border:1px solid #2f7bff;">Content here</div>
.text {color:#2f7bff;}
.background {background-color:#2f7bff;}
.border {border:1px solid #2f7bff;}
Shades of #2f7bff
- #000a1b #000a1b
rgb(0,10,27) - #001843 #001843
rgb(0,24,67) - #00276a #00276a
rgb(0,39,106) - #003591 #003591
rgb(0,53,145) - #0043b8 #0043b8
rgb(0,67,184) - #0052e0 #0052e0
rgb(0,82,224) - #0862ff #0862ff
rgb(8,98,255) - #2f7bff #2f7bff
rgb(47,123,255) - #5694ff #5694ff
rgb(86,148,255) - #7dadff #7dadff
rgb(125,173,255) - #a5c6ff #a5c6ff
rgb(165,198,255) - #ccdfff #ccdfff
rgb(204,223,255) - #f3f7ff #f3f7ff
rgb(243,247,255)
Color Blindness Simulator
Below, you can see how #2f7bff 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.
