#386dfc hex color

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

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

● #386dfc color description : Bright blue.

The hexadecimal color #386dfc has RGB values of R:56, G:109, B:252 and CMYK values of C:0.78, M:0.57, Y:0, K:0.01. Its decimal value is 3698172.

Hex triplet	386dfc	`#386dfc`
RGB Decimal	56, 109, 252	`rgb(56,109,252)`
RGB Percent	22, 42.7, 98.8	`rgb(22%,42.7%,98.8%)`
CMYK	78, 57, 0, 1
HSL	223.8°, 97, 60.4	`hsl(223.8,97%,60.4%)`
HSV (or HSB)	223.8°, 77.8, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.458, 32.473, -76.138
XYZ	24.666, 18.804, 94.42
xyY	0.179, 0.136, 18.804
CIE-LCH	50.458, 82.774, 293.098
CIE-LUV	50.458, -20.077, -119.045
Hunter-Lab	43.364, 25.648, -98.741
Binary	00111000, 01101101, 11111100

#386dfc
```
#386dfc rgb(56,109,252)
```
#fcc738
```
#fcc738 rgb(252,199,56)
```

Complementary Color

#38cffc
```
#38cffc rgb(56,207,252)
```
#386dfc
```
#386dfc rgb(56,109,252)
```
#6538fc
```
#6538fc rgb(101,56,252)
```

Analogous Color

#cffc38
```
#cffc38 rgb(207,252,56)
```
#386dfc
```
#386dfc rgb(56,109,252)
```
#fc6538
```
#fc6538 rgb(252,101,56)
```

Split Complementary Color

#6dfc38
```
#6dfc38 rgb(109,252,56)
```
#386dfc
```
#386dfc rgb(56,109,252)
```
#fc386d
```
#fc386d rgb(252,56,109)
```

Triadic Color

#38fcc7
```
#38fcc7 rgb(56,252,199)
```
#386dfc
```
#386dfc rgb(56,109,252)
```
#fc386d
```
#fc386d rgb(252,56,109)
```
#fcc738
```
#fcc738 rgb(252,199,56)
```

Tetradic Color

#0340e4
```
#0340e4 rgb(3,64,228)
```
#0648fb
```
#0648fb rgb(6,72,251)
```
#1f5bfc
```
#1f5bfc rgb(31,91,252)
```
#386dfc
```
#386dfc rgb(56,109,252)
```
#517ffc
```
#517ffc rgb(81,127,252)
```
#6a92fd
```
#6a92fd rgb(106,146,253)
```
#83a4fd
```
#83a4fd rgb(131,164,253)
```

Monochromatic Color

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

#389efc
```
#389efc rgb(56,158,252)
```
#388efc
```
#388efc rgb(56,142,252)
```
#387dfc
```
#387dfc rgb(56,125,252)
```
#386dfc
```
#386dfc rgb(56,109,252)
```
#385dfc
```
#385dfc rgb(56,93,252)
```
#384cfc
```
#384cfc rgb(56,76,252)
```
#383cfc
```
#383cfc rgb(56,60,252)
```

Similar Colors

Text with hexadecimal color #386dfc

This text has a font color of #386dfc.

<span style="color:#386dfc;">Text here</span>

#386dfc background color

This paragraph has a background color of #386dfc.

<p style="background-color:#386dfc;">Content here</p>

#386dfc border color

This element has a border color of #386dfc.

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

CSS codes

.text {color:#386dfc;}

.background {background-color:#386dfc;}

.border {border:1px solid #386dfc;}

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

#00040e
```
#00040e rgb(0,4,14)
```
#000921
```
#000921 rgb(0,9,33)
```
#010f34
```
#010f34 rgb(1,15,52)
```
#011448
```
#011448 rgb(1,20,72)
```
#011a5b
```
#011a5b rgb(1,26,91)
```
#021f6e
```
#021f6e rgb(2,31,110)
```
#022482
```
#022482 rgb(2,36,130)
```
#022a95
```
#022a95 rgb(2,42,149)
```
#032fa8
```
#032fa8 rgb(3,47,168)
```
#0335bb
```
#0335bb rgb(3,53,187)
```
#033acf
```
#033acf rgb(3,58,207)
```
#0340e2
```
#0340e2 rgb(3,64,226)
```
#0445f5
```
#0445f5 rgb(4,69,245)
```

Shade Color Variation

#1151fb
```
#1151fb rgb(17,81,251)
```
#255ffc
```
#255ffc rgb(37,95,252)
```
#386dfc
```
#386dfc rgb(56,109,252)
```
#4b7bfc
```
#4b7bfc rgb(75,123,252)
```
#5f89fd
```
#5f89fd rgb(95,137,253)
```
#7298fd
```
#7298fd rgb(114,152,253)
```
#85a6fd
```
#85a6fd rgb(133,166,253)
```
#99b4fd
```
#99b4fd rgb(153,180,253)
```
#acc2fe
```
#acc2fe rgb(172,194,254)
```
#bfd0fe
```
#bfd0fe rgb(191,208,254)
```
#d3defe
```
#d3defe rgb(211,222,254)
```
#e6edff
```
#e6edff rgb(230,237,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#95989f
```
#95989f rgb(149,152,159)
```
#8d94a7
```
#8d94a7 rgb(141,148,167)
```
#8691ae
```
#8691ae rgb(134,145,174)
```
#7e8db6
```
#7e8db6 rgb(126,141,182)
```
#768abe
```
#768abe rgb(118,138,190)
```
#6e86c6
```
#6e86c6 rgb(110,134,198)
```
#6782cd
```
#6782cd rgb(103,130,205)
```
#5f7fd5
```
#5f7fd5 rgb(95,127,213)
```
#577bdd
```
#577bdd rgb(87,123,221)
```
#4f78e5
```
#4f78e5 rgb(79,120,229)
```
#4874ec
```
#4874ec rgb(72,116,236)
```
#4071f4
```
#4071f4 rgb(64,113,244)
```
#386dfc
```
#386dfc rgb(56,109,252)
```

Tone Color Variation

Below, you can see how #386dfc 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

#6d6d6d Achromatopsia 0.005% of the population
#626d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#0082d2 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#1476f5 Protanomaly 1% of men, 0.01% of women
#147ae1 Deuteranomaly 6% of men, 0.4% of women
#1480b9 Tritanomaly 0.01% of the population

#386dfc hex color

#386dfc Color Information

#386dfc Color Conversion

Color Schemes with #386dfc

Alternatives to #386dfc

#386dfc Preview

Shades and Tints of #386dfc

Tones of #386dfc

Color Blindness Simulator