#386680 hex color

In a RGB color space, hex #386680 is composed of 22% red, 40% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 20.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 201.7 degrees, a saturation of 39.1% and a lightness of 36.1%. #386680 color hex could be obtained by blending #70ccff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 40
- B 50
RGB color chart
- C 56
- M 20
- Y 0
- K 50
CMYK color chart

● #386680 color description : Dark moderate blue.

The hexadecimal color #386680 has RGB values of R:56, G:102, B:128 and CMYK values of C:0.56, M:0.2, Y:0, K:0.5. Its decimal value is 3696256.

Hex triplet	386680	`#386680`
RGB Decimal	56, 102, 128	`rgb(56,102,128)`
RGB Percent	22, 40, 50.2	`rgb(22%,40%,50.2%)`
CMYK	56, 20, 0, 50
HSL	201.7°, 39.1, 36.1	`hsl(201.7,39.1%,36.1%)`
HSV (or HSB)	201.7°, 56.3, 50.2
Web Safe	336699	`#336699`

CIE-LAB	41.059, -7.737, -19.295
XYZ	10.278, 11.901, 22.176
xyY	0.232, 0.268, 11.901
CIE-LCH	41.059, 20.788, 248.15
CIE-LUV	41.059, -19.658, -26.062
Hunter-Lab	34.498, -7.194, -13.964
Binary	00111000, 01100110, 10000000

#386680
```
#386680 rgb(56,102,128)
```
#805238
```
#805238 rgb(128,82,56)
```

Complementary Color

#388076
```
#388076 rgb(56,128,118)
```
#386680
```
#386680 rgb(56,102,128)
```
#384280
```
#384280 rgb(56,66,128)
```

Analogous Color

#807638
```
#807638 rgb(128,118,56)
```
#386680
```
#386680 rgb(56,102,128)
```
#803842
```
#803842 rgb(128,56,66)
```

Split Complementary Color

#668038
```
#668038 rgb(102,128,56)
```
#386680
```
#386680 rgb(56,102,128)
```
#803866
```
#803866 rgb(128,56,102)
```

Triadic Color

#388052
```
#388052 rgb(56,128,82)
```
#386680
```
#386680 rgb(56,102,128)
```
#803866
```
#803866 rgb(128,56,102)
```
#805238
```
#805238 rgb(128,82,56)
```

Tetradic Color

#213c4b
```
#213c4b rgb(33,60,75)
```
#284a5d
```
#284a5d rgb(40,74,93)
```
#30586e
```
#30586e rgb(48,88,110)
```
#386680
```
#386680 rgb(56,102,128)
```
#407492
```
#407492 rgb(64,116,146)
```
#4882a3
```
#4882a3 rgb(72,130,163)
```
#5190b3
```
#5190b3 rgb(81,144,179)
```

Monochromatic Color

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

#387880
```
#387880 rgb(56,120,128)
```
#387280
```
#387280 rgb(56,114,128)
```
#386c80
```
#386c80 rgb(56,108,128)
```
#386680
```
#386680 rgb(56,102,128)
```
#386080
```
#386080 rgb(56,96,128)
```
#385a80
```
#385a80 rgb(56,90,128)
```
#385480
```
#385480 rgb(56,84,128)
```

Similar Colors

Text with hexadecimal color #386680

This text has a font color of #386680.

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

#386680 background color

This paragraph has a background color of #386680.

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

#386680 border color

This element has a border color of #386680.

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

CSS codes

.text {color:#386680;}

.background {background-color:#386680;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0e1a20
```
#0e1a20 rgb(14,26,32)
```
#14252e
```
#14252e rgb(20,37,46)
```
#1a303c
```
#1a303c rgb(26,48,60)
```
#203b49
```
#203b49 rgb(32,59,73)
```
#264557
```
#264557 rgb(38,69,87)
```
#2c5065
```
#2c5065 rgb(44,80,101)
```
#325b72
```
#325b72 rgb(50,91,114)
```
#386680
```
#386680 rgb(56,102,128)
```
#3e718e
```
#3e718e rgb(62,113,142)
```
#447c9b
```
#447c9b rgb(68,124,155)
```
#4a87a9
```
#4a87a9 rgb(74,135,169)
```

Shade Color Variation

#5391b4
```
#5391b4 rgb(83,145,180)
```
#6099ba
```
#6099ba rgb(96,153,186)
```
#6ea2c0
```
#6ea2c0 rgb(110,162,192)
```
#7cabc6
```
#7cabc6 rgb(124,171,198)
```
#89b4cc
```
#89b4cc rgb(137,180,204)
```
#97bcd2
```
#97bcd2 rgb(151,188,210)
```
#a5c5d7
```
#a5c5d7 rgb(165,197,215)
```
#b2cedd
```
#b2cedd rgb(178,206,221)
```
#c0d7e3
```
#c0d7e3 rgb(192,215,227)
```
#cedfe9
```
#cedfe9 rgb(206,223,233)
```
#dbe8ef
```
#dbe8ef rgb(219,232,239)
```
#e9f1f5
```
#e9f1f5 rgb(233,241,245)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5c5d is the less saturated color, while #0674b2 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545e64
```
#545e64 rgb(84,94,100)
```
#4d606b
```
#4d606b rgb(77,96,107)
```
#466272
```
#466272 rgb(70,98,114)
```
#3f6479
```
#3f6479 rgb(63,100,121)
```
#386680
```
#386680 rgb(56,102,128)
```
#316887
```
#316887 rgb(49,104,135)
```
#2a6a8e
```
#2a6a8e rgb(42,106,142)
```
#236c95
```
#236c95 rgb(35,108,149)
```
#1c6e9c
```
#1c6e9c rgb(28,110,156)
```
#1570a3
```
#1570a3 rgb(21,112,163)
```
#0e72aa
```
#0e72aa rgb(14,114,170)
```
#0674b2
```
#0674b2 rgb(6,116,178)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#545d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616882 Protanopia 1% of men
#5f6789 Deuteranopia 1% of men
#3b7078 Tritanopia 0.001% of the population

Trichromacy

#526781 Protanomaly 1% of men, 0.01% of women
#516785 Deuteranomaly 6% of men, 0.4% of women
#3a6c7b Tritanomaly 0.01% of the population

#386680 hex color

#386680 Color Information

#386680 Color Conversion

Color Schemes with #386680

Alternatives to #386680

#386680 Preview

Shades and Tints of #386680

Tones of #386680

Color Blindness Simulator