#386fdc hex color

In a RGB color space, hex #386fdc is composed of 22% red, 43.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 49.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 219.9 degrees, a saturation of 70.1% and a lightness of 54.1%. #386fdc color hex could be obtained by blending #70deff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 44
- B 86
RGB color chart
- C 75
- M 50
- Y 0
- K 14
CMYK color chart

● #386fdc color description : Bright blue.

The hexadecimal color #386fdc has RGB values of R:56, G:111, B:220 and CMYK values of C:0.75, M:0.5, Y:0, K:0.14. Its decimal value is 3698652.

Hex triplet	386fdc	`#386fdc`
RGB Decimal	56, 111, 220	`rgb(56,111,220)`
RGB Percent	22, 43.5, 86.3	`rgb(22%,43.5%,86.3%)`
CMYK	75, 50, 0, 14
HSL	219.9°, 70.1, 54.1	`hsl(219.9,70.1%,54.1%)`
HSV (or HSB)	219.9°, 74.5, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.73, 19.527, -61.006
XYZ	20.231, 17.375, 69.994
xyY	0.188, 0.161, 17.375
CIE-LCH	48.73, 64.055, 287.749
CIE-LUV	48.73, -20.889, -94.861
Hunter-Lab	41.684, 13.686, -70.379
Binary	00111000, 01101111, 11011100

#386fdc
```
#386fdc rgb(56,111,220)
```
#dca538
```
#dca538 rgb(220,165,56)
```

Complementary Color

#38c1dc
```
#38c1dc rgb(56,193,220)
```
#386fdc
```
#386fdc rgb(56,111,220)
```
#5338dc
```
#5338dc rgb(83,56,220)
```

Analogous Color

#c1dc38
```
#c1dc38 rgb(193,220,56)
```
#386fdc
```
#386fdc rgb(56,111,220)
```
#dc5338
```
#dc5338 rgb(220,83,56)
```

Split Complementary Color

#6fdc38
```
#6fdc38 rgb(111,220,56)
```
#386fdc
```
#386fdc rgb(56,111,220)
```
#dc386f
```
#dc386f rgb(220,56,111)
```

Triadic Color

#38dca5
```
#38dca5 rgb(56,220,165)
```
#386fdc
```
#386fdc rgb(56,111,220)
```
#dc386f
```
#dc386f rgb(220,56,111)
```
#dca538
```
#dca538 rgb(220,165,56)
```

Tetradic Color

#1e4daa
```
#1e4daa rgb(30,77,170)
```
#2257bf
```
#2257bf rgb(34,87,191)
```
#2560d5
```
#2560d5 rgb(37,96,213)
```
#386fdc
```
#386fdc rgb(56,111,220)
```
#4e7fe0
```
#4e7fe0 rgb(78,127,224)
```
#638ee4
```
#638ee4 rgb(99,142,228)
```
#799ee7
```
#799ee7 rgb(121,158,231)
```

Monochromatic Color

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

#3898dc
```
#3898dc rgb(56,152,220)
```
#388adc
```
#388adc rgb(56,138,220)
```
#387ddc
```
#387ddc rgb(56,125,220)
```
#386fdc
```
#386fdc rgb(56,111,220)
```
#3861dc
```
#3861dc rgb(56,97,220)
```
#3854dc
```
#3854dc rgb(56,84,220)
```
#3846dc
```
#3846dc rgb(56,70,220)
```

Similar Colors

Text with hexadecimal color #386fdc

This text has a font color of #386fdc.

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

#386fdc background color

This paragraph has a background color of #386fdc.

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

#386fdc border color

This element has a border color of #386fdc.

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

CSS codes

.text {color:#386fdc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030812
```
#030812 rgb(3,8,18)
```
#061023
```
#061023 rgb(6,16,35)
```
#091733
```
#091733 rgb(9,23,51)
```
#0c1f44
```
#0c1f44 rgb(12,31,68)
```
#0f2655
```
#0f2655 rgb(15,38,85)
```
#122e65
```
#122e65 rgb(18,46,101)
```
#153576
```
#153576 rgb(21,53,118)
```
#183d87
```
#183d87 rgb(24,61,135)
```
#1b4497
```
#1b4497 rgb(27,68,151)
```
#1e4ca8
```
#1e4ca8 rgb(30,76,168)
```
#2054b9
```
#2054b9 rgb(32,84,185)
```
#235bc9
```
#235bc9 rgb(35,91,201)
```

Shade Color Variation

#2763d9
```
#2763d9 rgb(39,99,217)
```
#386fdc
```
#386fdc rgb(56,111,220)
```
#497bdf
```
#497bdf rgb(73,123,223)
```
#5987e2
```
#5987e2 rgb(89,135,226)
```
#6a93e5
```
#6a93e5 rgb(106,147,229)
```
#7b9fe8
```
#7b9fe8 rgb(123,159,232)
```
#8babeb
```
#8babeb rgb(139,171,235)
```
#9cb7ee
```
#9cb7ee rgb(156,183,238)
```
#adc3f1
```
#adc3f1 rgb(173,195,241)
```
#bdd0f3
```
#bdd0f3 rgb(189,208,243)
```
#cedcf6
```
#cedcf6 rgb(206,220,246)
```
#dfe8f9
```
#dfe8f9 rgb(223,232,249)
```
#eff4fc
```
#eff4fc rgb(239,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a8b is the less saturated color, while #1d66f7 is the most saturated one.

#898a8b
```
#898a8b rgb(137,138,139)
```
#808794
```
#808794 rgb(128,135,148)
```
#77849d
```
#77849d rgb(119,132,157)
```
#6e81a6
```
#6e81a6 rgb(110,129,166)
```
#657eaf
```
#657eaf rgb(101,126,175)
```
#5c7bb8
```
#5c7bb8 rgb(92,123,184)
```
#5378c1
```
#5378c1 rgb(83,120,193)
```
#4a75ca
```
#4a75ca rgb(74,117,202)
```
#4172d3
```
#4172d3 rgb(65,114,211)
```
#386fdc
```
#386fdc rgb(56,111,220)
```
#2f6ce5
```
#2f6ce5 rgb(47,108,229)
```
#2669ee
```
#2669ee rgb(38,105,238)
```
#1d66f7
```
#1d66f7 rgb(29,102,247)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#616c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3777de Protanopia 1% of men
#007dce Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#3774dd Protanomaly 1% of men, 0.01% of women
#1478d3 Deuteranomaly 6% of men, 0.4% of women
#147eab Tritanomaly 0.01% of the population

#386fdc hex color

#386fdc Color Information

#386fdc Color Conversion

Color Schemes with #386fdc

Alternatives to #386fdc

#386fdc Preview

Shades and Tints of #386fdc

Tones of #386fdc

Color Blindness Simulator