#386bbf hex color

In a RGB color space, hex #386bbf is composed of 22% red, 42% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 44% magenta, 0% yellow and 25.1% black. It has a hue angle of 217.3 degrees, a saturation of 54.7% and a lightness of 48.4%. #386bbf color hex could be obtained by blending #70d6ff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 42
- B 75
RGB color chart
- C 71
- M 44
- Y 0
- K 25
CMYK color chart

● #386bbf color description : Moderate blue.

The hexadecimal color #386bbf has RGB values of R:56, G:107, B:191 and CMYK values of C:0.71, M:0.44, Y:0, K:0.25. Its decimal value is 3697599.

Hex triplet	386bbf	`#386bbf`
RGB Decimal	56, 107, 191	`rgb(56,107,191)`
RGB Percent	22, 42, 74.9	`rgb(22%,42%,74.9%)`
CMYK	71, 44, 0, 25
HSL	217.3°, 54.7, 48.4	`hsl(217.3,54.7%,48.4%)`
HSV (or HSB)	217.3°, 70.7, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.793, 11.387, -49.133
XYZ	16.29, 15.117, 51.347
xyY	0.197, 0.183, 15.117
CIE-LCH	45.793, 50.435, 283.048
CIE-LUV	45.793, -20.084, -74.838
Hunter-Lab	38.88, 6.75, -51.085
Binary	00111000, 01101011, 10111111

#386bbf
```
#386bbf rgb(56,107,191)
```
#bf8c38
```
#bf8c38 rgb(191,140,56)
```

Complementary Color

#38afbf
```
#38afbf rgb(56,175,191)
```
#386bbf
```
#386bbf rgb(56,107,191)
```
#4838bf
```
#4838bf rgb(72,56,191)
```

Analogous Color

#afbf38
```
#afbf38 rgb(175,191,56)
```
#386bbf
```
#386bbf rgb(56,107,191)
```
#bf4838
```
#bf4838 rgb(191,72,56)
```

Split Complementary Color

#6bbf38
```
#6bbf38 rgb(107,191,56)
```
#386bbf
```
#386bbf rgb(56,107,191)
```
#bf386b
```
#bf386b rgb(191,56,107)
```

Triadic Color

#38bf8c
```
#38bf8c rgb(56,191,140)
```
#386bbf
```
#386bbf rgb(56,107,191)
```
#bf386b
```
#bf386b rgb(191,56,107)
```
#bf8c38
```
#bf8c38 rgb(191,140,56)
```

Tetradic Color

#274a84
```
#274a84 rgb(39,74,132)
```
#2c5598
```
#2c5598 rgb(44,85,152)
```
#3260ab
```
#3260ab rgb(50,96,171)
```
#386bbf
```
#386bbf rgb(56,107,191)
```
#4778c9
```
#4778c9 rgb(71,120,201)
```
#5b87cf
```
#5b87cf rgb(91,135,207)
```
#6f95d5
```
#6f95d5 rgb(111,149,213)
```

Monochromatic Color

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

#388dbf
```
#388dbf rgb(56,141,191)
```
#3882bf
```
#3882bf rgb(56,130,191)
```
#3876bf
```
#3876bf rgb(56,118,191)
```
#386bbf
```
#386bbf rgb(56,107,191)
```
#3860bf
```
#3860bf rgb(56,96,191)
```
#3855bf
```
#3855bf rgb(56,85,191)
```
#3849bf
```
#3849bf rgb(56,73,191)
```

Similar Colors

Text with hexadecimal color #386bbf

This text has a font color of #386bbf.

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

#386bbf background color

This paragraph has a background color of #386bbf.

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

#386bbf border color

This element has a border color of #386bbf.

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

CSS codes

.text {color:#386bbf;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070e18
```
#070e18 rgb(7,14,24)
```
#0c1627
```
#0c1627 rgb(12,22,39)
```
#101f36
```
#101f36 rgb(16,31,54)
```
#142746
```
#142746 rgb(20,39,70)
```
#193055
```
#193055 rgb(25,48,85)
```
#1d3864
```
#1d3864 rgb(29,56,100)
```
#224173
```
#224173 rgb(34,65,115)
```
#264982
```
#264982 rgb(38,73,130)
```
#2b5291
```
#2b5291 rgb(43,82,145)
```
#2f5aa1
```
#2f5aa1 rgb(47,90,161)
```
#3463b0
```
#3463b0 rgb(52,99,176)
```
#386bbf
```
#386bbf rgb(56,107,191)
```

Shade Color Variation

#4375c8
```
#4375c8 rgb(67,117,200)
```
#5280cc
```
#5280cc rgb(82,128,204)
```
#618bd1
```
#618bd1 rgb(97,139,209)
```
#7096d5
```
#7096d5 rgb(112,150,213)
```
#7fa2da
```
#7fa2da rgb(127,162,218)
```
#8fadde
```
#8fadde rgb(143,173,222)
```
#9eb8e3
```
#9eb8e3 rgb(158,184,227)
```
#adc3e7
```
#adc3e7 rgb(173,195,231)
```
#bcceeb
```
#bcceeb rgb(188,206,235)
```
#cbd9f0
```
#cbd9f0 rgb(203,217,240)
```
#dae4f4
```
#dae4f4 rgb(218,228,244)
```
#eaeff9
```
#eaeff9 rgb(234,239,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#7b7b7d
```
#7b7b7d rgb(123,123,125)
```
#717986
```
#717986 rgb(113,121,134)
```
#687790
```
#687790 rgb(104,119,144)
```
#5e7499
```
#5e7499 rgb(94,116,153)
```
#5572a3
```
#5572a3 rgb(85,114,163)
```
#4b70ac
```
#4b70ac rgb(75,112,172)
```
#426db6
```
#426db6 rgb(66,109,182)
```
#386bbf
```
#386bbf rgb(56,107,191)
```
#2f69c9
```
#2f69c9 rgb(47,105,201)
```
#2566d2
```
#2566d2 rgb(37,102,210)
```
#1c64dc
```
#1c64dc rgb(28,100,220)
```
#1262e5
```
#1262e5 rgb(18,98,229)
```
#095fef
```
#095fef rgb(9,95,239)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5c6677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b71c1 Protanopia 1% of men
#2875c1 Deuteranopia 1% of men
#007f88 Tritanopia 0.001% of the population

Trichromacy

#446fc0 Protanomaly 1% of men, 0.01% of women
#2e71c0 Deuteranomaly 6% of men, 0.4% of women
#14779c Tritanomaly 0.01% of the population

#386bbf hex color

#386bbf Color Information

#386bbf Color Conversion

Color Schemes with #386bbf

Alternatives to #386bbf

#386bbf Preview

Shades and Tints of #386bbf

Tones of #386bbf

Color Blindness Simulator