#386277 hex color

In a RGB color space, hex #386277 is composed of 22% red, 38.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 17.6% magenta, 0% yellow and 53.3% black. It has a hue angle of 200 degrees, a saturation of 36% and a lightness of 34.3%. #386277 color hex could be obtained by blending #70c4ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 38
- B 47
RGB color chart
- C 53
- M 18
- Y 0
- K 53
CMYK color chart

● #386277 color description : Dark moderate blue.

The hexadecimal color #386277 has RGB values of R:56, G:98, B:119 and CMYK values of C:0.53, M:0.18, Y:0, K:0.53. Its decimal value is 3695223.

Hex triplet	386277	`#386277`
RGB Decimal	56, 98, 119	`rgb(56,98,119)`
RGB Percent	22, 38.4, 46.7	`rgb(22%,38.4%,46.7%)`
CMYK	53, 18, 0, 53
HSL	200°, 36, 34.3	`hsl(200,36%,34.3%)`
HSV (or HSB)	200°, 52.9, 46.7
Web Safe	336666	`#336666`

CIE-LAB	39.424, -8.269, -16.332
XYZ	9.328, 10.907, 19.066
xyY	0.237, 0.278, 10.907
CIE-LCH	39.424, 18.306, 243.146
CIE-LUV	39.424, -18.306, -21.41
Hunter-Lab	33.026, -7.383, -11.109
Binary	00111000, 01100010, 01110111

#386277
```
#386277 rgb(56,98,119)
```
#774d38
```
#774d38 rgb(119,77,56)
```

Complementary Color

#38776d
```
#38776d rgb(56,119,109)
```
#386277
```
#386277 rgb(56,98,119)
```
#384377
```
#384377 rgb(56,67,119)
```

Analogous Color

#776d38
```
#776d38 rgb(119,109,56)
```
#386277
```
#386277 rgb(56,98,119)
```
#773843
```
#773843 rgb(119,56,67)
```

Split Complementary Color

#627738
```
#627738 rgb(98,119,56)
```
#386277
```
#386277 rgb(56,98,119)
```
#773862
```
#773862 rgb(119,56,98)
```

Triadic Color

#38774d
```
#38774d rgb(56,119,77)
```
#386277
```
#386277 rgb(56,98,119)
```
#773862
```
#773862 rgb(119,56,98)
```
#774d38
```
#774d38 rgb(119,77,56)
```

Tetradic Color

#203743
```
#203743 rgb(32,55,67)
```
#284554
```
#284554 rgb(40,69,84)
```
#305466
```
#305466 rgb(48,84,102)
```
#386277
```
#386277 rgb(56,98,119)
```
#407088
```
#407088 rgb(64,112,136)
```
#487f9a
```
#487f9a rgb(72,127,154)
```
#508dab
```
#508dab rgb(80,141,171)
```

Monochromatic Color

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

#387277
```
#387277 rgb(56,114,119)
```
#386d77
```
#386d77 rgb(56,109,119)
```
#386777
```
#386777 rgb(56,103,119)
```
#386277
```
#386277 rgb(56,98,119)
```
#385d77
```
#385d77 rgb(56,93,119)
```
#385877
```
#385877 rgb(56,88,119)
```
#385277
```
#385277 rgb(56,82,119)
```

Similar Colors

Text with hexadecimal color #386277

This text has a font color of #386277.

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

#386277 background color

This paragraph has a background color of #386277.

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

#386277 border color

This element has a border color of #386277.

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

CSS codes

.text {color:#386277;}

.background {background-color:#386277;}

.border {border:1px solid #386277;}

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, #060a0c is the darkest color, while #fefeff is the lightest one.

#060a0c
```
#060a0c rgb(6,10,12)
```
#0c151a
```
#0c151a rgb(12,21,26)
```
#122027
```
#122027 rgb(18,32,39)
```
#192b34
```
#192b34 rgb(25,43,52)
```
#1f3642
```
#1f3642 rgb(31,54,66)
```
#25414f
```
#25414f rgb(37,65,79)
```
#2b4c5c
```
#2b4c5c rgb(43,76,92)
```
#32576a
```
#32576a rgb(50,87,106)
```
#386277
```
#386277 rgb(56,98,119)
```
#3e6d84
```
#3e6d84 rgb(62,109,132)
```
#457892
```
#457892 rgb(69,120,146)
```
#4b839f
```
#4b839f rgb(75,131,159)
```
#518eac
```
#518eac rgb(81,142,172)
```

Shade Color Variation

#5e97b3
```
#5e97b3 rgb(94,151,179)
```
#6b9fb9
```
#6b9fb9 rgb(107,159,185)
```
#79a8c0
```
#79a8c0 rgb(121,168,192)
```
#86b1c6
```
#86b1c6 rgb(134,177,198)
```
#93b9cc
```
#93b9cc rgb(147,185,204)
```
#a1c2d3
```
#a1c2d3 rgb(161,194,211)
```
#aecbd9
```
#aecbd9 rgb(174,203,217)
```
#bbd3df
```
#bbd3df rgb(187,211,223)
```
#c9dce5
```
#c9dce5 rgb(201,220,229)
```
#d6e4ec
```
#d6e4ec rgb(214,228,236)
```
#e3edf2
```
#e3edf2 rgb(227,237,242)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53595c is the less saturated color, while #0274ad is the most saturated one.

#53595c
```
#53595c rgb(83,89,92)
```
#4c5b63
```
#4c5b63 rgb(76,91,99)
```
#455e6a
```
#455e6a rgb(69,94,106)
```
#3f6070
```
#3f6070 rgb(63,96,112)
```
#386277
```
#386277 rgb(56,98,119)
```
#31647e
```
#31647e rgb(49,100,126)
```
#2b6684
```
#2b6684 rgb(43,102,132)
```
#24698b
```
#24698b rgb(36,105,139)
```
#1d6b92
```
#1d6b92 rgb(29,107,146)
```
#166d99
```
#166d99 rgb(22,109,153)
```
#106f9f
```
#106f9f rgb(16,111,159)
```
#0972a6
```
#0972a6 rgb(9,114,166)
```
#0274ad
```
#0274ad rgb(2,116,173)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#525a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f647a Protanopia 1% of men
#5f6380 Deuteranopia 1% of men
#3e6c73 Tritanopia 0.001% of the population

Trichromacy

#516379 Protanomaly 1% of men, 0.01% of women
#50637d Deuteranomaly 6% of men, 0.4% of women
#3b6875 Tritanomaly 0.01% of the population

#386277 hex color

#386277 Color Information

#386277 Color Conversion

Color Schemes with #386277

Alternatives to #386277

#386277 Preview

Shades and Tints of #386277

Tones of #386277

Color Blindness Simulator