#386fc4 hex color

In a RGB color space, hex #386fc4 is composed of 22% red, 43.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 43.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 216.4 degrees, a saturation of 55.6% and a lightness of 49.4%. #386fc4 color hex could be obtained by blending #70deff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 44
- B 77
RGB color chart
- C 71
- M 43
- Y 0
- K 23
CMYK color chart

● #386fc4 color description : Moderate blue.

The hexadecimal color #386fc4 has RGB values of R:56, G:111, B:196 and CMYK values of C:0.71, M:0.43, Y:0, K:0.23. Its decimal value is 3698628.

Hex triplet	386fc4	`#386fc4`
RGB Decimal	56, 111, 196	`rgb(56,111,196)`
RGB Percent	22, 43.5, 76.9	`rgb(22%,43.5%,76.9%)`
CMYK	71, 43, 0, 23
HSL	216.4°, 55.6, 49.4	`hsl(216.4,55.6%,49.4%)`
HSV (or HSB)	216.4°, 71.4, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.228, 10.7, -49.722
XYZ	17.277, 16.194, 54.437
xyY	0.197, 0.184, 16.194
CIE-LCH	47.228, 50.86, 282.145
CIE-LUV	47.228, -21.278, -76.247
Hunter-Lab	40.242, 6.212, -52.035
Binary	00111000, 01101111, 11000100

#386fc4
```
#386fc4 rgb(56,111,196)
```
#c48d38
```
#c48d38 rgb(196,141,56)
```

Complementary Color

#38b5c4
```
#38b5c4 rgb(56,181,196)
```
#386fc4
```
#386fc4 rgb(56,111,196)
```
#4738c4
```
#4738c4 rgb(71,56,196)
```

Analogous Color

#b5c438
```
#b5c438 rgb(181,196,56)
```
#386fc4
```
#386fc4 rgb(56,111,196)
```
#c44738
```
#c44738 rgb(196,71,56)
```

Split Complementary Color

#6fc438
```
#6fc438 rgb(111,196,56)
```
#386fc4
```
#386fc4 rgb(56,111,196)
```
#c4386f
```
#c4386f rgb(196,56,111)
```

Triadic Color

#38c48d
```
#38c48d rgb(56,196,141)
```
#386fc4
```
#386fc4 rgb(56,111,196)
```
#c4386f
```
#c4386f rgb(196,56,111)
```
#c48d38
```
#c48d38 rgb(196,141,56)
```

Tetradic Color

#274d89
```
#274d89 rgb(39,77,137)
```
#2d599c
```
#2d599c rgb(45,89,156)
```
#3264b0
```
#3264b0 rgb(50,100,176)
```
#386fc4
```
#386fc4 rgb(56,111,196)
```
#4a7dcb
```
#4a7dcb rgb(74,125,203)
```
#5e8bd1
```
#5e8bd1 rgb(94,139,209)
```
#7299d7
```
#7299d7 rgb(114,153,215)
```

Monochromatic Color

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

#3892c4
```
#3892c4 rgb(56,146,196)
```
#3886c4
```
#3886c4 rgb(56,134,196)
```
#387bc4
```
#387bc4 rgb(56,123,196)
```
#386fc4
```
#386fc4 rgb(56,111,196)
```
#3863c4
```
#3863c4 rgb(56,99,196)
```
#3858c4
```
#3858c4 rgb(56,88,196)
```
#384cc4
```
#384cc4 rgb(56,76,196)
```

Similar Colors

Text with hexadecimal color #386fc4

This text has a font color of #386fc4.

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

#386fc4 background color

This paragraph has a background color of #386fc4.

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

#386fc4 border color

This element has a border color of #386fc4.

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

CSS codes

.text {color:#386fc4;}

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

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

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, #04070d is the darkest color, while #fdfdfe is the lightest one.

#04070d
```
#04070d rgb(4,7,13)
```
#08101c
```
#08101c rgb(8,16,28)
```
#0c192b
```
#0c192b rgb(12,25,43)
```
#11213b
```
#11213b rgb(17,33,59)
```
#152a4a
```
#152a4a rgb(21,42,74)
```
#193359
```
#193359 rgb(25,51,89)
```
#1e3b68
```
#1e3b68 rgb(30,59,104)
```
#224478
```
#224478 rgb(34,68,120)
```
#274c87
```
#274c87 rgb(39,76,135)
```
#2b5596
```
#2b5596 rgb(43,85,150)
```
#2f5ea5
```
#2f5ea5 rgb(47,94,165)
```
#3466b5
```
#3466b5 rgb(52,102,181)
```
#386fc4
```
#386fc4 rgb(56,111,196)
```

Shade Color Variation

#467aca
```
#467aca rgb(70,122,202)
```
#5585ce
```
#5585ce rgb(85,133,206)
```
#6490d3
```
#6490d3 rgb(100,144,211)
```
#739bd7
```
#739bd7 rgb(115,155,215)
```
#83a6db
```
#83a6db rgb(131,166,219)
```
#92b0e0
```
#92b0e0 rgb(146,176,224)
```
#a1bbe4
```
#a1bbe4 rgb(161,187,228)
```
#b0c6e9
```
#b0c6e9 rgb(176,198,233)
```
#c0d1ed
```
#c0d1ed rgb(192,209,237)
```
#cfdcf1
```
#cfdcf1 rgb(207,220,241)
```
#dee7f6
```
#dee7f6 rgb(222,231,246)
```
#edf2fa
```
#edf2fa rgb(237,242,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e80 is the less saturated color, while #0865f4 is the most saturated one.

#7c7e80
```
#7c7e80 rgb(124,126,128)
```
#727b8a
```
#727b8a rgb(114,123,138)
```
#687994
```
#687994 rgb(104,121,148)
```
#5f779d
```
#5f779d rgb(95,119,157)
```
#5575a7
```
#5575a7 rgb(85,117,167)
```
#4b73b1
```
#4b73b1 rgb(75,115,177)
```
#4271ba
```
#4271ba rgb(66,113,186)
```
#386fc4
```
#386fc4 rgb(56,111,196)
```
#2e6dce
```
#2e6dce rgb(46,109,206)
```
#256bd7
```
#256bd7 rgb(37,107,215)
```
#1b69e1
```
#1b69e1 rgb(27,105,225)
```
#1167eb
```
#1167eb rgb(17,103,235)
```
#0865f4
```
#0865f4 rgb(8,101,244)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5e697a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f74c5 Protanopia 1% of men
#2c78c6 Deuteranopia 1% of men
#00838c Tritanopia 0.001% of the population

Trichromacy

#4672c5 Protanomaly 1% of men, 0.01% of women
#3075c5 Deuteranomaly 6% of men, 0.4% of women
#147ba0 Tritanomaly 0.01% of the population

#386fc4 hex color

#386fc4 Color Information

#386fc4 Color Conversion

Color Schemes with #386fc4

Alternatives to #386fc4

#386fc4 Preview

Shades and Tints of #386fc4

Tones of #386fc4

Color Blindness Simulator