#3866fc hex color

In a RGB color space, hex #3866fc is composed of 22% red, 40% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 59.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 225.9 degrees, a saturation of 97% and a lightness of 60.4%. #3866fc color hex could be obtained by blending #70ccff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 22
- G 40
- B 99
RGB color chart
- C 78
- M 60
- Y 0
- K 1
CMYK color chart

● #3866fc color description : Bright blue.

The hexadecimal color #3866fc has RGB values of R:56, G:102, B:252 and CMYK values of C:0.78, M:0.6, Y:0, K:0.01. Its decimal value is 3696380.

Hex triplet	3866fc	`#3866fc`
RGB Decimal	56, 102, 252	`rgb(56,102,252)`
RGB Percent	22, 40, 98.8	`rgb(22%,40%,98.8%)`
CMYK	78, 60, 0, 1
HSL	225.9°, 97, 60.4	`hsl(225.9,97%,60.4%)`
HSV (or HSB)	225.9°, 77.8, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.723, 36.828, -78.968
XYZ	23.949, 17.37, 94.181
xyY	0.177, 0.128, 17.37
CIE-LCH	48.723, 87.134, 295.003
CIE-LUV	48.723, -18.304, -122.019
Hunter-Lab	41.677, 29.637, -104.807
Binary	00111000, 01100110, 11111100

#3866fc
```
#3866fc rgb(56,102,252)
```
#fcce38
```
#fcce38 rgb(252,206,56)
```

Complementary Color

#38c8fc
```
#38c8fc rgb(56,200,252)
```
#3866fc
```
#3866fc rgb(56,102,252)
```
#6c38fc
```
#6c38fc rgb(108,56,252)
```

Analogous Color

#c8fc38
```
#c8fc38 rgb(200,252,56)
```
#3866fc
```
#3866fc rgb(56,102,252)
```
#fc6c38
```
#fc6c38 rgb(252,108,56)
```

Split Complementary Color

#66fc38
```
#66fc38 rgb(102,252,56)
```
#3866fc
```
#3866fc rgb(56,102,252)
```
#fc3866
```
#fc3866 rgb(252,56,102)
```

Triadic Color

#38fcce
```
#38fcce rgb(56,252,206)
```
#3866fc
```
#3866fc rgb(56,102,252)
```
#fc3866
```
#fc3866 rgb(252,56,102)
```
#fcce38
```
#fcce38 rgb(252,206,56)
```

Tetradic Color

#0338e4
```
#0338e4 rgb(3,56,228)
```
#063ffb
```
#063ffb rgb(6,63,251)
```
#1f53fc
```
#1f53fc rgb(31,83,252)
```
#3866fc
```
#3866fc rgb(56,102,252)
```
#5179fc
```
#5179fc rgb(81,121,252)
```
#6a8dfd
```
#6a8dfd rgb(106,141,253)
```
#83a0fd
```
#83a0fd rgb(131,160,253)
```

Monochromatic Color

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

#3897fc
```
#3897fc rgb(56,151,252)
```
#3887fc
```
#3887fc rgb(56,135,252)
```
#3876fc
```
#3876fc rgb(56,118,252)
```
#3866fc
```
#3866fc rgb(56,102,252)
```
#3856fc
```
#3856fc rgb(56,86,252)
```
#3845fc
```
#3845fc rgb(56,69,252)
```
#3b38fc
```
#3b38fc rgb(59,56,252)
```

Similar Colors

Text with hexadecimal color #3866fc

This text has a font color of #3866fc.

<span style="color:#3866fc;">Text here</span>

#3866fc background color

This paragraph has a background color of #3866fc.

<p style="background-color:#3866fc;">Content here</p>

#3866fc border color

This element has a border color of #3866fc.

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

CSS codes

.text {color:#3866fc;}

.background {background-color:#3866fc;}

.border {border:1px solid #3866fc;}

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, #00030e is the darkest color, while #f9fbff is the lightest one.

#00030e
```
#00030e rgb(0,3,14)
```
#000821
```
#000821 rgb(0,8,33)
```
#010d34
```
#010d34 rgb(1,13,52)
```
#011248
```
#011248 rgb(1,18,72)
```
#01165b
```
#01165b rgb(1,22,91)
```
#021b6e
```
#021b6e rgb(2,27,110)
```
#022082
```
#022082 rgb(2,32,130)
```
#022595
```
#022595 rgb(2,37,149)
```
#0329a8
```
#0329a8 rgb(3,41,168)
```
#032ebb
```
#032ebb rgb(3,46,187)
```
#0333cf
```
#0333cf rgb(3,51,207)
```
#0338e2
```
#0338e2 rgb(3,56,226)
```
#043cf5
```
#043cf5 rgb(4,60,245)
```

Shade Color Variation

#1148fb
```
#1148fb rgb(17,72,251)
```
#2557fc
```
#2557fc rgb(37,87,252)
```
#3866fc
```
#3866fc rgb(56,102,252)
```
#4b75fc
```
#4b75fc rgb(75,117,252)
```
#5f84fd
```
#5f84fd rgb(95,132,253)
```
#7293fd
```
#7293fd rgb(114,147,253)
```
#85a1fd
```
#85a1fd rgb(133,161,253)
```
#99b0fd
```
#99b0fd rgb(153,176,253)
```
#acbffe
```
#acbffe rgb(172,191,254)
```
#bfcefe
```
#bfcefe rgb(191,206,254)
```
#d3ddfe
```
#d3ddfe rgb(211,221,254)
```
#e6ecff
```
#e6ecff rgb(230,236,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95979f is the less saturated color, while #3866fc is the most saturated one.

#95979f
```
#95979f rgb(149,151,159)
```
#8d93a7
```
#8d93a7 rgb(141,147,167)
```
#868fae
```
#868fae rgb(134,143,174)
```
#7e8bb6
```
#7e8bb6 rgb(126,139,182)
```
#7687be
```
#7687be rgb(118,135,190)
```
#6e83c6
```
#6e83c6 rgb(110,131,198)
```
#677fcd
```
#677fcd rgb(103,127,205)
```
#5f7bd5
```
#5f7bd5 rgb(95,123,213)
```
#5776dd
```
#5776dd rgb(87,118,221)
```
#4f72e5
```
#4f72e5 rgb(79,114,229)
```
#486eec
```
#486eec rgb(72,110,236)
```
#406af4
```
#406af4 rgb(64,106,244)
```
#3866fc
```
#3866fc rgb(56,102,252)
```

Tone Color Variation

Below, you can see how #3866fc 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

#696969 Achromatopsia 0.005% of the population
#5f6886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecb Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#1470f0 Protanomaly 1% of men, 0.01% of women
#1475dd Deuteranomaly 6% of men, 0.4% of women
#147bb6 Tritanomaly 0.01% of the population

#3866fc hex color

#3866fc Color Information

#3866fc Color Conversion

Color Schemes with #3866fc

Alternatives to #3866fc

#3866fc Preview

Shades and Tints of #3866fc

Tones of #3866fc

Color Blindness Simulator