#386dbb hex color

In a RGB color space, hex #386dbb is composed of 22% red, 42.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 41.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 215.7 degrees, a saturation of 53.9% and a lightness of 47.6%. #386dbb color hex could be obtained by blending #70daff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 43
- B 73
RGB color chart
- C 70
- M 42
- Y 0
- K 27
CMYK color chart

● #386dbb color description : Moderate blue.

The hexadecimal color #386dbb has RGB values of R:56, G:109, B:187 and CMYK values of C:0.7, M:0.42, Y:0, K:0.27. Its decimal value is 3698107.

Hex triplet	386dbb	`#386dbb`
RGB Decimal	56, 109, 187	`rgb(56,109,187)`
RGB Percent	22, 42.7, 73.3	`rgb(22%,42.7%,73.3%)`
CMYK	70, 42, 0, 27
HSL	215.7°, 53.9, 47.6	`hsl(215.7,53.9%,47.6%)`
HSV (or HSB)	215.7°, 70.1, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.13, 8.662, -46.28
XYZ	16.067, 15.365, 49.13
xyY	0.199, 0.191, 15.365
CIE-LCH	46.13, 47.083, 280.601
CIE-LUV	46.13, -20.804, -70.344
Hunter-Lab	39.198, 4.571, -46.874
Binary	00111000, 01101101, 10111011

#386dbb
```
#386dbb rgb(56,109,187)
```
#bb8638
```
#bb8638 rgb(187,134,56)
```

Complementary Color

#38afbb
```
#38afbb rgb(56,175,187)
```
#386dbb
```
#386dbb rgb(56,109,187)
```
#4538bb
```
#4538bb rgb(69,56,187)
```

Analogous Color

#afbb38
```
#afbb38 rgb(175,187,56)
```
#386dbb
```
#386dbb rgb(56,109,187)
```
#bb4538
```
#bb4538 rgb(187,69,56)
```

Split Complementary Color

#6dbb38
```
#6dbb38 rgb(109,187,56)
```
#386dbb
```
#386dbb rgb(56,109,187)
```
#bb386d
```
#bb386d rgb(187,56,109)
```

Triadic Color

#38bb86
```
#38bb86 rgb(56,187,134)
```
#386dbb
```
#386dbb rgb(56,109,187)
```
#bb386d
```
#bb386d rgb(187,56,109)
```
#bb8638
```
#bb8638 rgb(187,134,56)
```

Tetradic Color

#264b80
```
#264b80 rgb(38,75,128)
```
#2c5694
```
#2c5694 rgb(44,86,148)
```
#3262a7
```
#3262a7 rgb(50,98,167)
```
#386dbb
```
#386dbb rgb(56,109,187)
```
#457ac7
```
#457ac7 rgb(69,122,199)
```
#5988cd
```
#5988cd rgb(89,136,205)
```
#6c96d3
```
#6c96d3 rgb(108,150,211)
```

Monochromatic Color

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

#388ebb
```
#388ebb rgb(56,142,187)
```
#3883bb
```
#3883bb rgb(56,131,187)
```
#3878bb
```
#3878bb rgb(56,120,187)
```
#386dbb
```
#386dbb rgb(56,109,187)
```
#3862bb
```
#3862bb rgb(56,98,187)
```
#3857bb
```
#3857bb rgb(56,87,187)
```
#384cbb
```
#384cbb rgb(56,76,187)
```

Similar Colors

Text with hexadecimal color #386dbb

This text has a font color of #386dbb.

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

#386dbb background color

This paragraph has a background color of #386dbb.

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

#386dbb border color

This element has a border color of #386dbb.

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

CSS codes

.text {color:#386dbb;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0b1524
```
#0b1524 rgb(11,21,36)
```
#0f1e33
```
#0f1e33 rgb(15,30,51)
```
#142742
```
#142742 rgb(20,39,66)
```
#182f51
```
#182f51 rgb(24,47,81)
```
#1d3860
```
#1d3860 rgb(29,56,96)
```
#214170
```
#214170 rgb(33,65,112)
```
#264a7f
```
#264a7f rgb(38,74,127)
```
#2a538e
```
#2a538e rgb(42,83,142)
```
#2f5b9d
```
#2f5b9d rgb(47,91,157)
```
#3364ac
```
#3364ac rgb(51,100,172)
```
#386dbb
```
#386dbb rgb(56,109,187)
```

Shade Color Variation

#4177c6
```
#4177c6 rgb(65,119,198)
```
#5081cb
```
#5081cb rgb(80,129,203)
```
#5f8ccf
```
#5f8ccf rgb(95,140,207)
```
#6e97d4
```
#6e97d4 rgb(110,151,212)
```
#7da2d8
```
#7da2d8 rgb(125,162,216)
```
#8caddd
```
#8caddd rgb(140,173,221)
```
#9bb7e1
```
#9bb7e1 rgb(155,183,225)
```
#aac2e6
```
#aac2e6 rgb(170,194,230)
```
#b9cdea
```
#b9cdea rgb(185,205,234)
```
#c8d8ef
```
#c8d8ef rgb(200,216,239)
```
#d8e3f3
```
#d8e3f3 rgb(216,227,243)
```
#e7eef8
```
#e7eef8 rgb(231,238,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79797a is the less saturated color, while #0964ea is the most saturated one.

#79797a
```
#79797a rgb(121,121,122)
```
#707883
```
#707883 rgb(112,120,131)
```
#67768c
```
#67768c rgb(103,118,140)
```
#5d7496
```
#5d7496 rgb(93,116,150)
```
#54729f
```
#54729f rgb(84,114,159)
```
#4b71a8
```
#4b71a8 rgb(75,113,168)
```
#416fb2
```
#416fb2 rgb(65,111,178)
```
#386dbb
```
#386dbb rgb(56,109,187)
```
#2f6bc4
```
#2f6bc4 rgb(47,107,196)
```
#2569ce
```
#2569ce rgb(37,105,206)
```
#1c68d7
```
#1c68d7 rgb(28,104,215)
```
#1366e0
```
#1366e0 rgb(19,102,224)
```
#0964ea
```
#0964ea rgb(9,100,234)
```

Tone Color Variation

Below, you can see how #386dbb 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
#5d6777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5272bc Protanopia 1% of men
#3776bd Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#4870bc Protanomaly 1% of men, 0.01% of women
#3772bc Deuteranomaly 6% of men, 0.4% of women
#14799b Tritanomaly 0.01% of the population

#386dbb hex color

#386dbb Color Information

#386dbb Color Conversion

Color Schemes with #386dbb

Alternatives to #386dbb

#386dbb Preview

Shades and Tints of #386dbb

Tones of #386dbb

Color Blindness Simulator