#386e7a hex color

In a RGB color space, hex #386e7a is composed of 22% red, 43.1% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 9.8% magenta, 0% yellow and 52.2% black. It has a hue angle of 190.9 degrees, a saturation of 37.1% and a lightness of 34.9%. #386e7a color hex could be obtained by blending #70dcf4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 43
- B 48
RGB color chart
- C 54
- M 10
- Y 0
- K 52
CMYK color chart

● #386e7a color description : Dark moderate cyan.

The hexadecimal color #386e7a has RGB values of R:56, G:110, B:122 and CMYK values of C:0.54, M:0.1, Y:0, K:0.52. Its decimal value is 3698298.

Hex triplet	386e7a	`#386e7a`
RGB Decimal	56, 110, 122	`rgb(56,110,122)`
RGB Percent	22, 43.1, 47.8	`rgb(22%,43.1%,47.8%)`
CMYK	54, 10, 0, 52
HSL	190.9°, 37.1, 34.9	`hsl(190.9,37.1%,34.9%)`
HSV (or HSB)	190.9°, 54.1, 47.8
Web Safe	336666	`#336666`

CIE-LAB	43.355, -14.275, -12.166
XYZ	10.719, 13.397, 20.432
xyY	0.241, 0.301, 13.397
CIE-LCH	43.355, 18.756, 220.438
CIE-LUV	43.355, -22.98, -15.009
Hunter-Lab	36.602, -11.78, -7.476
Binary	00111000, 01101110, 01111010

#386e7a
```
#386e7a rgb(56,110,122)
```
#7a4438
```
#7a4438 rgb(122,68,56)
```

Complementary Color

#387a65
```
#387a65 rgb(56,122,101)
```
#386e7a
```
#386e7a rgb(56,110,122)
```
#384d7a
```
#384d7a rgb(56,77,122)
```

Analogous Color

#7a6538
```
#7a6538 rgb(122,101,56)
```
#386e7a
```
#386e7a rgb(56,110,122)
```
#7a384d
```
#7a384d rgb(122,56,77)
```

Split Complementary Color

#6e7a38
```
#6e7a38 rgb(110,122,56)
```
#386e7a
```
#386e7a rgb(56,110,122)
```
#7a386e
```
#7a386e rgb(122,56,110)
```

Triadic Color

#387a44
```
#387a44 rgb(56,122,68)
```
#386e7a
```
#386e7a rgb(56,110,122)
```
#7a386e
```
#7a386e rgb(122,56,110)
```
#7a4438
```
#7a4438 rgb(122,68,56)
```

Tetradic Color

#203f46
```
#203f46 rgb(32,63,70)
```
#284e57
```
#284e57 rgb(40,78,87)
```
#305e69
```
#305e69 rgb(48,94,105)
```
#386e7a
```
#386e7a rgb(56,110,122)
```
#407e8b
```
#407e8b rgb(64,126,139)
```
#488e9d
```
#488e9d rgb(72,142,157)
```
#509dae
```
#509dae rgb(80,157,174)
```

Monochromatic Color

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

#387a76
```
#387a76 rgb(56,122,118)
```
#38797a
```
#38797a rgb(56,121,122)
```
#38747a
```
#38747a rgb(56,116,122)
```
#386e7a
```
#386e7a rgb(56,110,122)
```
#38697a
```
#38697a rgb(56,105,122)
```
#38637a
```
#38637a rgb(56,99,122)
```
#385e7a
```
#385e7a rgb(56,94,122)
```

Similar Colors

Text with hexadecimal color #386e7a

This text has a font color of #386e7a.

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

#386e7a background color

This paragraph has a background color of #386e7a.

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

#386e7a border color

This element has a border color of #386e7a.

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

CSS codes

.text {color:#386e7a;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0e
```
#070d0e rgb(7,13,14)
```
#0d191c
```
#0d191c rgb(13,25,28)
```
#132529
```
#132529 rgb(19,37,41)
```
#193137
```
#193137 rgb(25,49,55)
```
#1f3e44
```
#1f3e44 rgb(31,62,68)
```
#254a52
```
#254a52 rgb(37,74,82)
```
#2c565f
```
#2c565f rgb(44,86,95)
```
#32626d
```
#32626d rgb(50,98,109)
```
#386e7a
```
#386e7a rgb(56,110,122)
```
#3e7a87
```
#3e7a87 rgb(62,122,135)
```
#448695
```
#448695 rgb(68,134,149)
```
#4b92a2
```
#4b92a2 rgb(75,146,162)
```

Shade Color Variation

#519eaf
```
#519eaf rgb(81,158,175)
```
#5fa6b5
```
#5fa6b5 rgb(95,166,181)
```
#6cadbc
```
#6cadbc rgb(108,173,188)
```
#7ab5c2
```
#7ab5c2 rgb(122,181,194)
```
#87bcc8
```
#87bcc8 rgb(135,188,200)
```
#94c4ce
```
#94c4ce rgb(148,196,206)
```
#a2cbd4
```
#a2cbd4 rgb(162,203,212)
```
#afd3da
```
#afd3da rgb(175,211,218)
```
#bddae1
```
#bddae1 rgb(189,218,225)
```
#cae2e7
```
#cae2e7 rgb(202,226,231)
```
#d8e9ed
```
#d8e9ed rgb(216,233,237)
```
#e5f1f3
```
#e5f1f3 rgb(229,241,243)
```
#f3f8f9
```
#f3f8f9 rgb(243,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535d5f is the less saturated color, while #0191b1 is the most saturated one.

#535d5f
```
#535d5f rgb(83,93,95)
```
#4d6165
```
#4d6165 rgb(77,97,101)
```
#46656c
```
#46656c rgb(70,101,108)
```
#3f6a73
```
#3f6a73 rgb(63,106,115)
```
#386e7a
```
#386e7a rgb(56,110,122)
```
#317281
```
#317281 rgb(49,114,129)
```
#2a7788
```
#2a7788 rgb(42,119,136)
```
#237b8f
```
#237b8f rgb(35,123,143)
```
#1d7f95
```
#1d7f95 rgb(29,127,149)
```
#16849c
```
#16849c rgb(22,132,156)
```
#0f88a3
```
#0f88a3 rgb(15,136,163)
```
#088caa
```
#088caa rgb(8,140,170)
```
#0191b1
```
#0191b1 rgb(1,145,177)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#576264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6d7c Protanopia 1% of men
#6c6c84 Deuteranopia 1% of men
#41757e Tritanopia 0.001% of the population

Trichromacy

#586d7b Protanomaly 1% of men, 0.01% of women
#596c80 Deuteranomaly 6% of men, 0.4% of women
#3d737c Tritanomaly 0.01% of the population

#386e7a hex color

#386e7a Color Information

#386e7a Color Conversion

Color Schemes with #386e7a

Alternatives to #386e7a

#386e7a Preview

Shades and Tints of #386e7a

Tones of #386e7a

Color Blindness Simulator