#386bc5 hex color

In a RGB color space, hex #386bc5 is composed of 22% red, 42% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 45.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 218.3 degrees, a saturation of 55.7% and a lightness of 49.6%. #386bc5 color hex could be obtained by blending #70d6ff with #00008b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 42
- B 77
RGB color chart
- C 72
- M 46
- Y 0
- K 23
CMYK color chart

● #386bc5 color description : Moderate blue.

The hexadecimal color #386bc5 has RGB values of R:56, G:107, B:197 and CMYK values of C:0.72, M:0.46, Y:0, K:0.23. Its decimal value is 3697605.

Hex triplet	386bc5	`#386bc5`
RGB Decimal	56, 107, 197	`rgb(56,107,197)`
RGB Percent	22, 42, 77.3	`rgb(22%,42%,77.3%)`
CMYK	72, 46, 0, 23
HSL	218.3°, 55.7, 49.6	`hsl(218.3,55.7%,49.6%)`
HSV (or HSB)	218.3°, 71.6, 77.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.159, 13.591, -52.011
XYZ	16.964, 15.386, 54.896
xyY	0.194, 0.176, 15.386
CIE-LCH	46.159, 53.757, 284.645
CIE-LUV	46.159, -19.991, -79.564
Hunter-Lab	39.225, 8.555, -55.519
Binary	00111000, 01101011, 11000101

#386bc5
```
#386bc5 rgb(56,107,197)
```
#c59238
```
#c59238 rgb(197,146,56)
```

Complementary Color

#38b2c5
```
#38b2c5 rgb(56,178,197)
```
#386bc5
```
#386bc5 rgb(56,107,197)
```
#4c38c5
```
#4c38c5 rgb(76,56,197)
```

Analogous Color

#b2c538
```
#b2c538 rgb(178,197,56)
```
#386bc5
```
#386bc5 rgb(56,107,197)
```
#c54c38
```
#c54c38 rgb(197,76,56)
```

Split Complementary Color

#6bc538
```
#6bc538 rgb(107,197,56)
```
#386bc5
```
#386bc5 rgb(56,107,197)
```
#c5386b
```
#c5386b rgb(197,56,107)
```

Triadic Color

#38c592
```
#38c592 rgb(56,197,146)
```
#386bc5
```
#386bc5 rgb(56,107,197)
```
#c5386b
```
#c5386b rgb(197,56,107)
```
#c59238
```
#c59238 rgb(197,146,56)
```

Tetradic Color

#274b89
```
#274b89 rgb(39,75,137)
```
#2d559d
```
#2d559d rgb(45,85,157)
```
#3260b1
```
#3260b1 rgb(50,96,177)
```
#386bc5
```
#386bc5 rgb(56,107,197)
```
#4b79cc
```
#4b79cc rgb(75,121,204)
```
#5f88d1
```
#5f88d1 rgb(95,136,209)
```
#7297d7
```
#7297d7 rgb(114,151,215)
```

Monochromatic Color

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

#388ec5
```
#388ec5 rgb(56,142,197)
```
#3883c5
```
#3883c5 rgb(56,131,197)
```
#3877c5
```
#3877c5 rgb(56,119,197)
```
#386bc5
```
#386bc5 rgb(56,107,197)
```
#385fc5
```
#385fc5 rgb(56,95,197)
```
#3854c5
```
#3854c5 rgb(56,84,197)
```
#3848c5
```
#3848c5 rgb(56,72,197)
```

Similar Colors

Text with hexadecimal color #386bc5

This text has a font color of #386bc5.

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

#386bc5 background color

This paragraph has a background color of #386bc5.

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

#386bc5 border color

This element has a border color of #386bc5.

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

CSS codes

.text {color:#386bc5;}

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

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

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

#04070e
```
#04070e rgb(4,7,14)
```
#08101d
```
#08101d rgb(8,16,29)
```
#0d182c
```
#0d182c rgb(13,24,44)
```
#11203c
```
#11203c rgb(17,32,60)
```
#15294b
```
#15294b rgb(21,41,75)
```
#1a315a
```
#1a315a rgb(26,49,90)
```
#1e3969
```
#1e3969 rgb(30,57,105)
```
#224279
```
#224279 rgb(34,66,121)
```
#274a88
```
#274a88 rgb(39,74,136)
```
#2b5297
```
#2b5297 rgb(43,82,151)
```
#2f5aa6
```
#2f5aa6 rgb(47,90,166)
```
#3463b6
```
#3463b6 rgb(52,99,182)
```
#386bc5
```
#386bc5 rgb(56,107,197)
```

Shade Color Variation

#4676ca
```
#4676ca rgb(70,118,202)
```
#5581cf
```
#5581cf rgb(85,129,207)
```
#658dd3
```
#658dd3 rgb(101,141,211)
```
#7498d7
```
#7498d7 rgb(116,152,215)
```
#83a3dc
```
#83a3dc rgb(131,163,220)
```
#93afe0
```
#93afe0 rgb(147,175,224)
```
#a2bae5
```
#a2bae5 rgb(162,186,229)
```
#b1c5e9
```
#b1c5e9 rgb(177,197,233)
```
#c0d1ed
```
#c0d1ed rgb(192,209,237)
```
#d0dcf2
```
#d0dcf2 rgb(208,220,242)
```
#dfe7f6
```
#dfe7f6 rgb(223,231,246)
```
#eef3fa
```
#eef3fa rgb(238,243,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7c7e81
```
#7c7e81 rgb(124,126,129)
```
#727b8b
```
#727b8b rgb(114,123,139)
```
#697894
```
#697894 rgb(105,120,148)
```
#5f769e
```
#5f769e rgb(95,118,158)
```
#5573a8
```
#5573a8 rgb(85,115,168)
```
#4b70b2
```
#4b70b2 rgb(75,112,178)
```
#426ebb
```
#426ebb rgb(66,110,187)
```
#386bc5
```
#386bc5 rgb(56,107,197)
```
#2e68cf
```
#2e68cf rgb(46,104,207)
```
#2566d8
```
#2566d8 rgb(37,102,216)
```
#1b63e2
```
#1b63e2 rgb(27,99,226)
```
#1160ec
```
#1160ec rgb(17,96,236)
```
#075ef6
```
#075ef6 rgb(7,94,246)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5d6779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4772c7 Protanopia 1% of men
#0a76c6 Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#416fc6 Protanomaly 1% of men, 0.01% of women
#1b72c5 Deuteranomaly 6% of men, 0.4% of women
#14789e Tritanomaly 0.01% of the population

#386bc5 hex color

#386bc5 Color Information

#386bc5 Color Conversion

Color Schemes with #386bc5

Alternatives to #386bc5

#386bc5 Preview

Shades and Tints of #386bc5

Tones of #386bc5

Color Blindness Simulator