#386a82 hex color

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

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

● #386a82 color description : Dark moderate blue.

The hexadecimal color #386a82 has RGB values of R:56, G:106, B:130 and CMYK values of C:0.57, M:0.18, Y:0, K:0.49. Its decimal value is 3697282.

Hex triplet	386a82	`#386a82`
RGB Decimal	56, 106, 130	`rgb(56,106,130)`
RGB Percent	22, 41.6, 51	`rgb(22%,41.6%,51%)`
CMYK	57, 18, 0, 49
HSL	199.5°, 39.8, 36.5	`hsl(199.5,39.8%,36.5%)`
HSV (or HSB)	199.5°, 56.9, 51
Web Safe	336699	`#336699`

CIE-LAB	42.399, -9.445, -18.442
XYZ	10.813, 12.76, 23.011
xyY	0.232, 0.274, 12.76
CIE-LCH	42.399, 20.72, 242.88
CIE-LUV	42.399, -21.154, -24.781
Hunter-Lab	35.721, -8.477, -13.189
Binary	00111000, 01101010, 10000010

#386a82
```
#386a82 rgb(56,106,130)
```
#825038
```
#825038 rgb(130,80,56)
```

Complementary Color

#388275
```
#388275 rgb(56,130,117)
```
#386a82
```
#386a82 rgb(56,106,130)
```
#384582
```
#384582 rgb(56,69,130)
```

Analogous Color

#827538
```
#827538 rgb(130,117,56)
```
#386a82
```
#386a82 rgb(56,106,130)
```
#823845
```
#823845 rgb(130,56,69)
```

Split Complementary Color

#6a8238
```
#6a8238 rgb(106,130,56)
```
#386a82
```
#386a82 rgb(56,106,130)
```
#82386a
```
#82386a rgb(130,56,106)
```

Triadic Color

#388250
```
#388250 rgb(56,130,80)
```
#386a82
```
#386a82 rgb(56,106,130)
```
#82386a
```
#82386a rgb(130,56,106)
```
#825038
```
#825038 rgb(130,80,56)
```

Tetradic Color

#213e4d
```
#213e4d rgb(33,62,77)
```
#294d5e
```
#294d5e rgb(41,77,94)
```
#305b70
```
#305b70 rgb(48,91,112)
```
#386a82
```
#386a82 rgb(56,106,130)
```
#407994
```
#407994 rgb(64,121,148)
```
#4787a6
```
#4787a6 rgb(71,135,166)
```
#5295b4
```
#5295b4 rgb(82,149,180)
```

Monochromatic Color

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

#387d82
```
#387d82 rgb(56,125,130)
```
#387682
```
#387682 rgb(56,118,130)
```
#387082
```
#387082 rgb(56,112,130)
```
#386a82
```
#386a82 rgb(56,106,130)
```
#386482
```
#386482 rgb(56,100,130)
```
#385e82
```
#385e82 rgb(56,94,130)
```
#385882
```
#385882 rgb(56,88,130)
```

Similar Colors

Text with hexadecimal color #386a82

This text has a font color of #386a82.

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

#386a82 background color

This paragraph has a background color of #386a82.

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

#386a82 border color

This element has a border color of #386a82.

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

CSS codes

.text {color:#386a82;}

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

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

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 #f8fbfc is the lightest one.

#030507
```
#030507 rgb(3,5,7)
```
#091114
```
#091114 rgb(9,17,20)
```
#0f1c22
```
#0f1c22 rgb(15,28,34)
```
#152730
```
#152730 rgb(21,39,48)
```
#1a323d
```
#1a323d rgb(26,50,61)
```
#203d4b
```
#203d4b rgb(32,61,75)
```
#264859
```
#264859 rgb(38,72,89)
```
#2c5467
```
#2c5467 rgb(44,84,103)
```
#325f74
```
#325f74 rgb(50,95,116)
```
#386a82
```
#386a82 rgb(56,106,130)
```
#3e7590
```
#3e7590 rgb(62,117,144)
```
#44809d
```
#44809d rgb(68,128,157)
```
#4a8cab
```
#4a8cab rgb(74,140,171)
```

Shade Color Variation

#5395b5
```
#5395b5 rgb(83,149,181)
```
#619ebb
```
#619ebb rgb(97,158,187)
```
#6fa6c1
```
#6fa6c1 rgb(111,166,193)
```
#7dafc7
```
#7dafc7 rgb(125,175,199)
```
#8ab7cd
```
#8ab7cd rgb(138,183,205)
```
#98c0d3
```
#98c0d3 rgb(152,192,211)
```
#a6c8d9
```
#a6c8d9 rgb(166,200,217)
```
#b3d0de
```
#b3d0de rgb(179,208,222)
```
#c1d9e4
```
#c1d9e4 rgb(193,217,228)
```
#cfe1ea
```
#cfe1ea rgb(207,225,234)
```
#dceaf0
```
#dceaf0 rgb(220,234,240)
```
#eaf2f6
```
#eaf2f6 rgb(234,242,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,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 #067cb4 is the most saturated one.

#5c5d5e
```
#5c5d5e rgb(92,93,94)
```
#556065
```
#556065 rgb(85,96,101)
```
#4d626d
```
#4d626d rgb(77,98,109)
```
#466574
```
#466574 rgb(70,101,116)
```
#3f677b
```
#3f677b rgb(63,103,123)
```
#386a82
```
#386a82 rgb(56,106,130)
```
#316d89
```
#316d89 rgb(49,109,137)
```
#2a6f90
```
#2a6f90 rgb(42,111,144)
```
#237297
```
#237297 rgb(35,114,151)
```
#1b749f
```
#1b749f rgb(27,116,159)
```
#1477a6
```
#1477a6 rgb(20,119,166)
```
#0d79ad
```
#0d79ad rgb(13,121,173)
```
#067cb4
```
#067cb4 rgb(6,124,180)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#566065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656b84 Protanopia 1% of men
#646a8b Deuteranopia 1% of men
#3c737c Tritanopia 0.001% of the population

Trichromacy

#556a83 Protanomaly 1% of men, 0.01% of women
#546a87 Deuteranomaly 6% of men, 0.4% of women
#3a707e Tritanomaly 0.01% of the population

#386a82 hex color

#386a82 Color Information

#386a82 Color Conversion

Color Schemes with #386a82

Alternatives to #386a82

#386a82 Preview

Shades and Tints of #386a82

Tones of #386a82

Color Blindness Simulator