#3f36ff Color Information
In a RGB color space, hex #3f36ff is composed of 24.7% red, 21.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 78.8% magenta, 0% yellow and 0% black. It has a hue angle of 242.7 degrees, a saturation of 100% and a lightness of 60.6%. #3f36ff color hex could be obtained by blending #7e6cff with #0000ff. Closest websafe color is: #3333ff.
-
- R 25
- G 21
- B 100
-
- C 75
- M 79
- Y 0
- K 0
● #3f36ff color description : Light blue.
#3f36ff Color Conversion
The hexadecimal color #3f36ff has RGB values of R:63, G:54, B:255 and CMYK values of C:0.75, M:0.79, Y:0, K:0. Its decimal value is 4142847.
Hex triplet | 3f36ff | #3f36ff |
---|---|---|
RGB Decimal | 63, 54, 255 | rgb(63,54,255) |
RGB Percent | 24.7, 21.2, 100 | rgb(24.7%,21.2%,100%) |
CMYK | 75, 79, 0, 0 | |
HSL | 242.7°, 100, 60.6 | hsl(242.7,100%,60.6%) |
HSV (or HSB) | 242.7°, 78.8, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 39.435, 65.309, -95.921 |
---|---|
XYZ | 21.416, 10.914, 95.58 |
xyY | 0.167, 0.085, 10.914 |
CIE-LCH | 39.435, 116.044, 304.249 |
CIE-LUV | 39.435, -8.356, -133.379 |
Hunter-Lab | 33.036, 57.899, -148.413 |
Binary | 00111111, 00110110, 11111111 |
Color Schemes with #3f36ff
Alternatives to #3f36ff
Below, you can see some colors close to #3f36ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f36ff Preview
This text has a font color of #3f36ff.
<span style="color:#3f36ff;">Text here</span>
This paragraph has a background color of #3f36ff.
<p style="background-color:#3f36ff;">Content here</p>
This element has a border color of #3f36ff.
<div style="border:1px solid #3f36ff;">Content here</div>
.text {color:#3f36ff;}
.background {background-color:#3f36ff;}
.border {border:1px solid #3f36ff;}
Shades and Tints of #3f36ff
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, #01000f is the darkest color, while #fafaff is the lightest one.
-
#01000f
#01000f
rgb(1,0,15)
-
#020022
#020022
rgb(2,0,34)
-
#020036
#020036
rgb(2,0,54)
-
#03004a
#03004a
rgb(3,0,74)
-
#04005d
#04005d
rgb(4,0,93)
-
#050071
#050071
rgb(5,0,113)
-
#060084
#060084
rgb(6,0,132)
-
#070098
#070098
rgb(7,0,152)
-
#0800ac
#0800ac
rgb(8,0,172)
-
#0900bf
#0900bf
rgb(9,0,191)
-
#0900d3
#0900d3
rgb(9,0,211)
-
#0a00e7
#0a00e7
rgb(10,0,231)
-
#0b00fa
#0b00fa
rgb(11,0,250)
-
#1a0fff
#1a0fff
rgb(26,15,255)
-
#2c22ff
#2c22ff
rgb(44,34,255)
-
#3f36ff
#3f36ff
rgb(63,54,255)
-
#524aff
#524aff
rgb(82,74,255)
-
#645dff
#645dff
rgb(100,93,255)
-
#7771ff
#7771ff
rgb(119,113,255)
-
#8a84ff
#8a84ff
rgb(138,132,255)
-
#9d98ff
#9d98ff
rgb(157,152,255)
-
#afacff
#afacff
rgb(175,172,255)
-
#c2bfff
#c2bfff
rgb(194,191,255)
-
#d5d3ff
#d5d3ff
rgb(213,211,255)
-
#e8e7ff
#e8e7ff
rgb(232,231,255)
-
#fafaff
#fafaff
rgb(250,250,255)
Tones of #3f36ff
A tone is produced by adding gray to any pure hue. In this case, #9393a2 is the less saturated color, while #3f36ff is the most saturated one.
-
#9393a2
#9393a2
rgb(147,147,162)
-
#8c8baa
#8c8baa
rgb(140,139,170)
-
#8583b2
#8583b2
rgb(133,131,178)
-
#7e7cb9
#7e7cb9
rgb(126,124,185)
-
#7774c1
#7774c1
rgb(119,116,193)
-
#706cc9
#706cc9
rgb(112,108,201)
-
#6964d1
#6964d1
rgb(105,100,209)
-
#625dd8
#625dd8
rgb(98,93,216)
-
#5b55e0
#5b55e0
rgb(91,85,224)
-
#544de8
#544de8
rgb(84,77,232)
-
#4d45f0
#4d45f0
rgb(77,69,240)
-
#463ef7
#463ef7
rgb(70,62,247)
-
#3f36ff
#3f36ff
rgb(63,54,255)
Color Blindness Simulator
Below, you can see how #3f36ff 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.