#386682 hex color

In a RGB color space, hex #386682 is composed of 22% red, 40% green and 51% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 21.5% magenta, 0% yellow and 49% black. It has a hue angle of 202.7 degrees, a saturation of 39.8% and a lightness of 36.5%. #386682 color hex could be obtained by blending #70ccff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 40
- B 51
RGB color chart
- C 57
- M 22
- Y 0
- K 49
CMYK color chart

● #386682 color description : Dark moderate blue.

The hexadecimal color #386682 has RGB values of R:56, G:102, B:130 and CMYK values of C:0.57, M:0.22, Y:0, K:0.49. Its decimal value is 3696258.

Hex triplet	386682	`#386682`
RGB Decimal	56, 102, 130	`rgb(56,102,130)`
RGB Percent	22, 40, 51	`rgb(22%,40%,51%)`
CMYK	57, 22, 0, 49
HSL	202.7°, 39.8, 36.5	`hsl(202.7,39.8%,36.5%)`
HSV (or HSB)	202.7°, 56.9, 51
Web Safe	336699	`#336699`

CIE-LAB	41.144, -7.08, -20.374
XYZ	10.411, 11.955, 22.877
xyY	0.23, 0.264, 11.955
CIE-LCH	41.144, 21.569, 250.838
CIE-LUV	41.144, -19.608, -27.758
Hunter-Lab	34.575, -6.761, -15.026
Binary	00111000, 01100110, 10000010

#386682
```
#386682 rgb(56,102,130)
```
#825438
```
#825438 rgb(130,84,56)
```

Complementary Color

#388279
```
#388279 rgb(56,130,121)
```
#386682
```
#386682 rgb(56,102,130)
```
#384182
```
#384182 rgb(56,65,130)
```

Analogous Color

#827938
```
#827938 rgb(130,121,56)
```
#386682
```
#386682 rgb(56,102,130)
```
#823841
```
#823841 rgb(130,56,65)
```

Split Complementary Color

#668238
```
#668238 rgb(102,130,56)
```
#386682
```
#386682 rgb(56,102,130)
```
#823866
```
#823866 rgb(130,56,102)
```

Triadic Color

#388254
```
#388254 rgb(56,130,84)
```
#386682
```
#386682 rgb(56,102,130)
```
#823866
```
#823866 rgb(130,56,102)
```
#825438
```
#825438 rgb(130,84,56)
```

Tetradic Color

#213c4d
```
#213c4d rgb(33,60,77)
```
#294a5e
```
#294a5e rgb(41,74,94)
```
#305870
```
#305870 rgb(48,88,112)
```
#386682
```
#386682 rgb(56,102,130)
```
#407494
```
#407494 rgb(64,116,148)
```
#4782a6
```
#4782a6 rgb(71,130,166)
```
#528fb4
```
#528fb4 rgb(82,143,180)
```

Monochromatic Color

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

#387982
```
#387982 rgb(56,121,130)
```
#387282
```
#387282 rgb(56,114,130)
```
#386c82
```
#386c82 rgb(56,108,130)
```
#386682
```
#386682 rgb(56,102,130)
```
#386082
```
#386082 rgb(56,96,130)
```
#385a82
```
#385a82 rgb(56,90,130)
```
#385482
```
#385482 rgb(56,84,130)
```

Similar Colors

Text with hexadecimal color #386682

This text has a font color of #386682.

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

#386682 background color

This paragraph has a background color of #386682.

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

#386682 border color

This element has a border color of #386682.

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

CSS codes

.text {color:#386682;}

.background {background-color:#386682;}

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

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

#030507
```
#030507 rgb(3,5,7)
```
#091014
```
#091014 rgb(9,16,20)
```
#0f1b22
```
#0f1b22 rgb(15,27,34)
```
#152530
```
#152530 rgb(21,37,48)
```
#1a303d
```
#1a303d rgb(26,48,61)
```
#203b4b
```
#203b4b rgb(32,59,75)
```
#264659
```
#264659 rgb(38,70,89)
```
#2c5067
```
#2c5067 rgb(44,80,103)
```
#325b74
```
#325b74 rgb(50,91,116)
```
#386682
```
#386682 rgb(56,102,130)
```
#3e7190
```
#3e7190 rgb(62,113,144)
```
#447c9d
```
#447c9d rgb(68,124,157)
```
#4a86ab
```
#4a86ab rgb(74,134,171)
```

Shade Color Variation

#5390b5
```
#5390b5 rgb(83,144,181)
```
#6199bb
```
#6199bb rgb(97,153,187)
```
#6fa2c1
```
#6fa2c1 rgb(111,162,193)
```
#7dabc7
```
#7dabc7 rgb(125,171,199)
```
#8ab4cd
```
#8ab4cd rgb(138,180,205)
```
#98bcd3
```
#98bcd3 rgb(152,188,211)
```
#a6c5d9
```
#a6c5d9 rgb(166,197,217)
```
#b3cede
```
#b3cede rgb(179,206,222)
```
#c1d7e4
```
#c1d7e4 rgb(193,215,228)
```
#cfe0ea
```
#cfe0ea rgb(207,224,234)
```
#dce9f0
```
#dce9f0 rgb(220,233,240)
```
#eaf2f6
```
#eaf2f6 rgb(234,242,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#5c5d5e
```
#5c5d5e rgb(92,93,94)
```
#555f65
```
#555f65 rgb(85,95,101)
```
#4d616d
```
#4d616d rgb(77,97,109)
```
#466374
```
#466374 rgb(70,99,116)
```
#3f647b
```
#3f647b rgb(63,100,123)
```
#386682
```
#386682 rgb(56,102,130)
```
#316889
```
#316889 rgb(49,104,137)
```
#2a6990
```
#2a6990 rgb(42,105,144)
```
#236b97
```
#236b97 rgb(35,107,151)
```
#1b6d9f
```
#1b6d9f rgb(27,109,159)
```
#146fa6
```
#146fa6 rgb(20,111,166)
```
#0d70ad
```
#0d70ad rgb(13,112,173)
```
#0672b4
```
#0672b4 rgb(6,114,180)
```

Tone Color Variation

Below, you can see how #386682 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
#545d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616884 Protanopia 1% of men
#5e678a Deuteranopia 1% of men
#3a7079 Tritanopia 0.001% of the population

Trichromacy

#526783 Protanomaly 1% of men, 0.01% of women
#506787 Deuteranomaly 6% of men, 0.4% of women
#396c7c Tritanomaly 0.01% of the population

#386682 hex color

#386682 Color Information

#386682 Color Conversion

Color Schemes with #386682

Alternatives to #386682

#386682 Preview

Shades and Tints of #386682

Tones of #386682

Color Blindness Simulator