#3f36f7 hex color

In a RGB color space, hex #3f36f7 is composed of 24.7% red, 21.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 78.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 242.8 degrees, a saturation of 92.3% and a lightness of 59%. #3f36f7 color hex could be obtained by blending #7e6cff with #0000ef. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 21
- B 97
RGB color chart
- C 74
- M 78
- Y 0
- K 3
CMYK color chart

● #3f36f7 color description : Bright blue.

The hexadecimal color #3f36f7 has RGB values of R:63, G:54, B:247 and CMYK values of C:0.74, M:0.78, Y:0, K:0.03. Its decimal value is 4142839.

Hex triplet	3f36f7	`#3f36f7`
RGB Decimal	63, 54, 247	`rgb(63,54,247)`
RGB Percent	24.7, 21.2, 96.9	`rgb(24.7%,21.2%,96.9%)`
CMYK	74, 78, 0, 3
HSL	242.8°, 92.3, 59	`hsl(242.8,92.3%,59%)`
HSV (or HSB)	242.8°, 78.1, 96.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.567, 62.954, -92.874
XYZ	20.154, 10.409, 88.938
xyY	0.169, 0.087, 10.409
CIE-LCH	38.567, 112.2, 304.131
CIE-LUV	38.567, -7.974, -128.809
Hunter-Lab	32.263, 55.044, -140.855
Binary	00111111, 00110110, 11110111

#3f36f7
```
#3f36f7 rgb(63,54,247)
```
#eef736
```
#eef736 rgb(238,247,54)
```

Complementary Color

#368ef7
```
#368ef7 rgb(54,142,247)
```
#3f36f7
```
#3f36f7 rgb(63,54,247)
```
#a036f7
```
#a036f7 rgb(160,54,247)
```

Analogous Color

#8ef736
```
#8ef736 rgb(142,247,54)
```
#3f36f7
```
#3f36f7 rgb(63,54,247)
```
#f7a036
```
#f7a036 rgb(247,160,54)
```

Split Complementary Color

#36f73f
```
#36f73f rgb(54,247,63)
```
#3f36f7
```
#3f36f7 rgb(63,54,247)
```
#f73f36
```
#f73f36 rgb(247,63,54)
```

Triadic Color

#36eef7
```
#36eef7 rgb(54,238,247)
```
#3f36f7
```
#3f36f7 rgb(63,54,247)
```
#f73f36
```
#f73f36 rgb(247,63,54)
```
#eef736
```
#eef736 rgb(238,247,54)
```

Tetradic Color

#1209d8
```
#1209d8 rgb(18,9,216)
```
#140af0
```
#140af0 rgb(20,10,240)
```
#281df6
```
#281df6 rgb(40,29,246)
```
#3f36f7
```
#3f36f7 rgb(63,54,247)
```
#564ff8
```
#564ff8 rgb(86,79,248)
```
#6e67f9
```
#6e67f9 rgb(110,103,249)
```
#8580fa
```
#8580fa rgb(133,128,250)
```

Monochromatic Color

Below, you can see some colors close to #3f36f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#365df7
```
#365df7 rgb(54,93,247)
```
#364df7
```
#364df7 rgb(54,77,247)
```
#363df7
```
#363df7 rgb(54,61,247)
```
#3f36f7
```
#3f36f7 rgb(63,54,247)
```
#4f36f7
```
#4f36f7 rgb(79,54,247)
```
#5f36f7
```
#5f36f7 rgb(95,54,247)
```
#6f36f7
```
#6f36f7 rgb(111,54,247)
```

Similar Colors

Text with hexadecimal color #3f36f7

This text has a font color of #3f36f7.

<span style="color:#3f36f7;">Text here</span>

#3f36f7 background color

This paragraph has a background color of #3f36f7.

<p style="background-color:#3f36f7;">Content here</p>

#3f36f7 border color

This element has a border color of #3f36f7.

<div style="border:1px solid #3f36f7;">Content here</div>

CSS codes

.text {color:#3f36f7;}

.background {background-color:#3f36f7;}

.border {border:1px solid #3f36f7;}

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, #010007 is the darkest color, while #f3f3ff is the lightest one.

#010007
```
#010007 rgb(1,0,7)
```
#020119
```
#020119 rgb(2,1,25)
```
#04022c
```
#04022c rgb(4,2,44)
```
#05033f
```
#05033f rgb(5,3,63)
```
#070352
```
#070352 rgb(7,3,82)
```
#090465
```
#090465 rgb(9,4,101)
```
#0a0578
```
#0a0578 rgb(10,5,120)
```
#0c068b
```
#0c068b rgb(12,6,139)
```
#0d069d
```
#0d069d rgb(13,6,157)
```
#0f07b0
```
#0f07b0 rgb(15,7,176)
```
#1108c3
```
#1108c3 rgb(17,8,195)
```
#1209d6
```
#1209d6 rgb(18,9,214)
```
#1409e9
```
#1409e9 rgb(20,9,233)
```

Shade Color Variation

#1b10f5
```
#1b10f5 rgb(27,16,245)
```
#2d23f6
```
#2d23f6 rgb(45,35,246)
```
#3f36f7
```
#3f36f7 rgb(63,54,247)
```
#5149f8
```
#5149f8 rgb(81,73,248)
```
#635cf9
```
#635cf9 rgb(99,92,249)
```
#756ff9
```
#756ff9 rgb(117,111,249)
```
#8781fa
```
#8781fa rgb(135,129,250)
```
#9994fb
```
#9994fb rgb(153,148,251)
```
#aba7fc
```
#aba7fc rgb(171,167,252)
```
#bdbafc
```
#bdbafc rgb(189,186,252)
```
#cfcdfd
```
#cfcdfd rgb(207,205,253)
```
#e1e0fe
```
#e1e0fe rgb(225,224,254)
```
#f3f3ff
```
#f3f3ff rgb(243,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969697 is the less saturated color, while #3f36f7 is the most saturated one.

#969697
```
#969697 rgb(150,150,151)
```
#8f8e9f
```
#8f8e9f rgb(143,142,159)
```
#8886a7
```
#8886a7 rgb(136,134,167)
```
#817eaf
```
#817eaf rgb(129,126,175)
```
#7976b7
```
#7976b7 rgb(121,118,183)
```
#726ebf
```
#726ebf rgb(114,110,191)
```
#6b66c7
```
#6b66c7 rgb(107,102,199)
```
#635ecf
```
#635ecf rgb(99,94,207)
```
#5c56d7
```
#5c56d7 rgb(92,86,215)
```
#554edf
```
#554edf rgb(85,78,223)
```
#4e46e7
```
#4e46e7 rgb(78,70,231)
```
#463eef
```
#463eef rgb(70,62,239)
```
#3f36f7
```
#3f36f7 rgb(63,54,247)
```

Tone Color Variation

Below, you can see how #3f36f7 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.

Monochromacy

#4f4f4f Achromatopsia 0.005% of the population
#4c4a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#1651d1 Protanomaly 1% of men, 0.01% of women
#1654c1 Deuteranomaly 6% of men, 0.4% of women
#1659a2 Tritanomaly 0.01% of the population

#3f36f7 hex color

#3f36f7 Color Information

#3f36f7 Color Conversion

Color Schemes with #3f36f7

Alternatives to #3f36f7

#3f36f7 Preview

Shades and Tints of #3f36f7

Tones of #3f36f7

Color Blindness Simulator