#386bec hex color

In a RGB color space, hex #386bec is composed of 22% red, 42% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 54.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 223 degrees, a saturation of 82.6% and a lightness of 57.3%. #386bec color hex could be obtained by blending #70d6ff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 22
- G 42
- B 93
RGB color chart
- C 76
- M 55
- Y 0
- K 7
CMYK color chart

● #386bec color description : Bright blue.

The hexadecimal color #386bec has RGB values of R:56, G:107, B:236 and CMYK values of C:0.76, M:0.55, Y:0, K:0.07. Its decimal value is 3697644.

Hex triplet	386bec	`#386bec`
RGB Decimal	56, 107, 236	`rgb(56,107,236)`
RGB Percent	22, 42, 92.5	`rgb(22%,42%,92.5%)`
CMYK	76, 55, 0, 7
HSL	223°, 82.6, 57.3	`hsl(223,82.6%,57.3%)`
HSV (or HSB)	223°, 76.3, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.773, 27.919, -69.952
XYZ	22.026, 17.411, 81.552
xyY	0.182, 0.144, 17.411
CIE-LCH	48.773, 75.318, 291.758
CIE-LUV	48.773, -19.61, -108.724
Hunter-Lab	41.726, 21.203, -86.672
Binary	00111000, 01101011, 11101100

#386bec
```
#386bec rgb(56,107,236)
```
#ecb938
```
#ecb938 rgb(236,185,56)
```

Complementary Color

#38c5ec
```
#38c5ec rgb(56,197,236)
```
#386bec
```
#386bec rgb(56,107,236)
```
#5f38ec
```
#5f38ec rgb(95,56,236)
```

Analogous Color

#c5ec38
```
#c5ec38 rgb(197,236,56)
```
#386bec
```
#386bec rgb(56,107,236)
```
#ec5f38
```
#ec5f38 rgb(236,95,56)
```

Split Complementary Color

#6bec38
```
#6bec38 rgb(107,236,56)
```
#386bec
```
#386bec rgb(56,107,236)
```
#ec386b
```
#ec386b rgb(236,56,107)
```

Triadic Color

#38ecb9
```
#38ecb9 rgb(56,236,185)
```
#386bec
```
#386bec rgb(56,107,236)
```
#ec386b
```
#ec386b rgb(236,56,107)
```
#ecb938
```
#ecb938 rgb(236,185,56)
```

Tetradic Color

#1345c5
```
#1345c5 rgb(19,69,197)
```
#154ddc
```
#154ddc rgb(21,77,220)
```
#215aea
```
#215aea rgb(33,90,234)
```
#386bec
```
#386bec rgb(56,107,236)
```
#4f7cee
```
#4f7cee rgb(79,124,238)
```
#678ef0
```
#678ef0 rgb(103,142,240)
```
#7e9ff3
```
#7e9ff3 rgb(126,159,243)
```

Monochromatic Color

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

#3898ec
```
#3898ec rgb(56,152,236)
```
#3889ec
```
#3889ec rgb(56,137,236)
```
#387aec
```
#387aec rgb(56,122,236)
```
#386bec
```
#386bec rgb(56,107,236)
```
#385cec
```
#385cec rgb(56,92,236)
```
#384dec
```
#384dec rgb(56,77,236)
```
#383eec
```
#383eec rgb(56,62,236)
```

Similar Colors

Text with hexadecimal color #386bec

This text has a font color of #386bec.

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

#386bec background color

This paragraph has a background color of #386bec.

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

#386bec border color

This element has a border color of #386bec.

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

CSS codes

.text {color:#386bec;}

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

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

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

#020610
```
#020610 rgb(2,6,16)
```
#030c22
```
#030c22 rgb(3,12,34)
```
#051234
```
#051234 rgb(5,18,52)
```
#071846
```
#071846 rgb(7,24,70)
```
#081f57
```
#081f57 rgb(8,31,87)
```
#0a2569
```
#0a2569 rgb(10,37,105)
```
#0c2b7b
```
#0c2b7b rgb(12,43,123)
```
#0d328d
```
#0d328d rgb(13,50,141)
```
#0f389f
```
#0f389f rgb(15,56,159)
```
#113eb1
```
#113eb1 rgb(17,62,177)
```
#1345c3
```
#1345c3 rgb(19,69,195)
```
#144bd5
```
#144bd5 rgb(20,75,213)
```
#1651e7
```
#1651e7 rgb(22,81,231)
```

Shade Color Variation

#265eea
```
#265eea rgb(38,94,234)
```
#386bec
```
#386bec rgb(56,107,236)
```
#4a78ee
```
#4a78ee rgb(74,120,238)
```
#5c86ef
```
#5c86ef rgb(92,134,239)
```
#6e93f1
```
#6e93f1 rgb(110,147,241)
```
#80a0f3
```
#80a0f3 rgb(128,160,243)
```
#92aef5
```
#92aef5 rgb(146,174,245)
```
#a3bbf6
```
#a3bbf6 rgb(163,187,246)
```
#b5c8f8
```
#b5c8f8 rgb(181,200,248)
```
#c7d6fa
```
#c7d6fa rgb(199,214,250)
```
#d9e3fb
```
#d9e3fb rgb(217,227,251)
```
#ebf0fd
```
#ebf0fd rgb(235,240,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8f98 is the less saturated color, while #2764fd is the most saturated one.

#8c8f98
```
#8c8f98 rgb(140,143,152)
```
#838ca1
```
#838ca1 rgb(131,140,161)
```
#7b88a9
```
#7b88a9 rgb(123,136,169)
```
#7384b1
```
#7384b1 rgb(115,132,177)
```
#6a81ba
```
#6a81ba rgb(106,129,186)
```
#627dc2
```
#627dc2 rgb(98,125,194)
```
#5a7aca
```
#5a7aca rgb(90,122,202)
```
#5176d3
```
#5176d3 rgb(81,118,211)
```
#4972db
```
#4972db rgb(73,114,219)
```
#406fe4
```
#406fe4 rgb(64,111,228)
```
#386bec
```
#386bec rgb(56,107,236)
```
#3067f4
```
#3067f4 rgb(48,103,244)
```
#2764fd
```
#2764fd rgb(39,100,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#606a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#1472ea Protanomaly 1% of men, 0.01% of women
#1477d8 Deuteranomaly 6% of men, 0.4% of women
#147cb0 Tritanomaly 0.01% of the population

#386bec hex color

#386bec Color Information

#386bec Color Conversion

Color Schemes with #386bec

Alternatives to #386bec

#386bec Preview

Shades and Tints of #386bec

Tones of #386bec

Color Blindness Simulator