#3f3fd4 color information
In a RGB color space, hex #3f3fd4 is composed of 24.7% red, 24.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 70.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 240 degrees, a saturation of 63.4% and a lightness of 53.9%. #3f3fd4 color hex could be obtained by blending #7e7eff with #0000a9. Closest websafe color is: #3333cc.
#3f3fd4 color conversion
The hexadecimal color #3f3fd4 has RGB values of R:63, G:63, B:212 and CMYK values of C:0.7, M:0.7, Y:0, K:0.17. Its decimal value is 4145108.
- Hex triplet 3f3fd4
#3f3fd4 - RGB Decimal 63, 63, 212
rgb(63,63,212) - RGB Percent 24.7, 24.7, 83.1
rgb(24.7%,24.7%,83.1%) - CMYK 70, 70, 0, 17
- HSL 240°, 63.4, 53.9
hsl(240,63%,54%) - HSV (or HSB) 240°, 70.3, 83.1
- Web Safe 3333cc
#3333cc
- CIE-LAB 36.677, 47.337, -76.067
- XYZ 15.709, 9.364, 63.263
- xyY 0.178, 0.106, 9.364
- CIE-LCH 36.677, 89.594, 301.894
- CIE-LUV 36.677, -7.732, -107.15
- Hunter-Lab 30.601, 38.078, -101.152
- Binary 00111111, 00111111, 11010100
Color Schemes with #3f3fd4
#3f3fd4 in action
This text has a font color of #3f3fd4.
<span style="color:#3f3fd4;">Text here</span>
This paragraph has a background color of #3f3fd4.
<p style="background-color:#3f3fd4;">Content here</p>
This element has a border color of #3f3fd4.
<div style="border:1px solid #3f3fd4;">Content here</div>
.text {color:#3f3fd4;}
.background {background-color:#3f3fd4;}
.border {border:1px solid #3f3fd4;}
Shades of #3f3fd4
- #000000 #000000
rgb(0,0,0) - #070720 #070720
rgb(7,7,32) - #0e0e40 #0e0e40
rgb(14,14,64) - #161660 #161660
rgb(22,22,96) - #1d1d81 #1d1d81
rgb(29,29,129) - #2424a1 #2424a1
rgb(36,36,161) - #2b2bc1 #2b2bc1
rgb(43,43,193) - #3f3fd4 #3f3fd4
rgb(63,63,212) - #5f5fdb #5f5fdb
rgb(95,95,219) - #7f7fe2 #7f7fe2
rgb(127,127,226) - #9f9fea #9f9fea
rgb(159,159,234) - #bfbff1 #bfbff1
rgb(191,191,241) - #dfdff8 #dfdff8
rgb(223,223,248)
Color Blindness Simulator
Below, you can see how #3f3fd4 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.
