#386a81 hex color

In a RGB color space, hex #386a81 is composed of 22% red, 41.6% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 17.8% magenta, 0% yellow and 49.4% black. It has a hue angle of 198.9 degrees, a saturation of 39.5% and a lightness of 36.3%. #386a81 color hex could be obtained by blending #70d4ff with #000003. 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

● #386a81 color description : Dark moderate blue.

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

Hex triplet	386a81	`#386a81`
RGB Decimal	56, 106, 129	`rgb(56,106,129)`
RGB Percent	22, 41.6, 50.6	`rgb(22%,41.6%,50.6%)`
CMYK	57, 18, 0, 49
HSL	198.9°, 39.5, 36.3	`hsl(198.9,39.5%,36.3%)`
HSV (or HSB)	198.9°, 56.6, 50.6
Web Safe	336699	`#336699`

CIE-LAB	42.358, -9.77, -17.902
XYZ	10.746, 12.733, 22.659
xyY	0.233, 0.276, 12.733
CIE-LCH	42.358, 20.394, 241.378
CIE-LUV	42.358, -21.183, -23.931
Hunter-Lab	35.683, -8.689, -12.671
Binary	00111000, 01101010, 10000001

#386a81
```
#386a81 rgb(56,106,129)
```
#814f38
```
#814f38 rgb(129,79,56)
```

Complementary Color

#388174
```
#388174 rgb(56,129,116)
```
#386a81
```
#386a81 rgb(56,106,129)
```
#384681
```
#384681 rgb(56,70,129)
```

Analogous Color

#817438
```
#817438 rgb(129,116,56)
```
#386a81
```
#386a81 rgb(56,106,129)
```
#813845
```
#813845 rgb(129,56,69)
```

Split Complementary Color

#6a8138
```
#6a8138 rgb(106,129,56)
```
#386a81
```
#386a81 rgb(56,106,129)
```
#81386a
```
#81386a rgb(129,56,106)
```

Triadic Color

#38814f
```
#38814f rgb(56,129,79)
```
#386a81
```
#386a81 rgb(56,106,129)
```
#81386a
```
#81386a rgb(129,56,106)
```
#814f38
```
#814f38 rgb(129,79,56)
```

Tetradic Color

#213e4c
```
#213e4c rgb(33,62,76)
```
#294d5d
```
#294d5d rgb(41,77,93)
```
#305b6f
```
#305b6f rgb(48,91,111)
```
#386a81
```
#386a81 rgb(56,106,129)
```
#407993
```
#407993 rgb(64,121,147)
```
#4787a5
```
#4787a5 rgb(71,135,165)
```
#5295b4
```
#5295b4 rgb(82,149,180)
```

Monochromatic Color

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

#387c81
```
#387c81 rgb(56,124,129)
```
#387681
```
#387681 rgb(56,118,129)
```
#387081
```
#387081 rgb(56,112,129)
```
#386a81
```
#386a81 rgb(56,106,129)
```
#386481
```
#386481 rgb(56,100,129)
```
#385e81
```
#385e81 rgb(56,94,129)
```
#385881
```
#385881 rgb(56,88,129)
```

Similar Colors

Text with hexadecimal color #386a81

This text has a font color of #386a81.

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

#386a81 background color

This paragraph has a background color of #386a81.

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

#386a81 border color

This element has a border color of #386a81.

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

CSS codes

.text {color:#386a81;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#081014
```
#081014 rgb(8,16,20)
```
#0e1b21
```
#0e1b21 rgb(14,27,33)
```
#14272f
```
#14272f rgb(20,39,47)
```
#1a323d
```
#1a323d rgb(26,50,61)
```
#203d4a
```
#203d4a rgb(32,61,74)
```
#264858
```
#264858 rgb(38,72,88)
```
#2c5466
```
#2c5466 rgb(44,84,102)
```
#325f73
```
#325f73 rgb(50,95,115)
```
#386a81
```
#386a81 rgb(56,106,129)
```
#3e758f
```
#3e758f rgb(62,117,143)
```
#44809c
```
#44809c rgb(68,128,156)
```
#4a8caa
```
#4a8caa rgb(74,140,170)
```

Shade Color Variation

#5396b4
```
#5396b4 rgb(83,150,180)
```
#619eba
```
#619eba rgb(97,158,186)
```
#6ea6c0
```
#6ea6c0 rgb(110,166,192)
```
#7cafc6
```
#7cafc6 rgb(124,175,198)
```
#8ab7cc
```
#8ab7cc rgb(138,183,204)
```
#97c0d2
```
#97c0d2 rgb(151,192,210)
```
#a5c8d8
```
#a5c8d8 rgb(165,200,216)
```
#b3d0de
```
#b3d0de rgb(179,208,222)
```
#c1d9e4
```
#c1d9e4 rgb(193,217,228)
```
#cee1ea
```
#cee1ea rgb(206,225,234)
```
#dce9f0
```
#dce9f0 rgb(220,233,240)
```
#eaf2f6
```
#eaf2f6 rgb(234,242,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#5c5d5d
```
#5c5d5d rgb(92,93,93)
```
#545f65
```
#545f65 rgb(84,95,101)
```
#4d626c
```
#4d626c rgb(77,98,108)
```
#466573
```
#466573 rgb(70,101,115)
```
#3f677a
```
#3f677a rgb(63,103,122)
```
#386a81
```
#386a81 rgb(56,106,129)
```
#316d88
```
#316d88 rgb(49,109,136)
```
#2a6f8f
```
#2a6f8f rgb(42,111,143)
```
#237296
```
#237296 rgb(35,114,150)
```
#1c759d
```
#1c759d rgb(28,117,157)
```
#1477a5
```
#1477a5 rgb(20,119,165)
```
#0d7aac
```
#0d7aac rgb(13,122,172)
```
#067cb3
```
#067cb3 rgb(6,124,179)
```

Tone Color Variation

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

#656b83 Protanopia 1% of men
#646a8a Deuteranopia 1% of men
#3c737c Tritanopia 0.001% of the population

Trichromacy

#556a82 Protanomaly 1% of men, 0.01% of women
#546a86 Deuteranomaly 6% of men, 0.4% of women
#3b707d Tritanomaly 0.01% of the population

#386a81 hex color

#386a81 Color Information

#386a81 Color Conversion

Color Schemes with #386a81

Alternatives to #386a81

#386a81 Preview

Shades and Tints of #386a81

Tones of #386a81

Color Blindness Simulator