#387f78 hex color

In a RGB color space, hex #387f78 is composed of 22% red, 49.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 0% magenta, 5.5% yellow and 50.2% black. It has a hue angle of 174.1 degrees, a saturation of 38.8% and a lightness of 35.9%. #387f78 color hex could be obtained by blending #70fef0 with #000000. Closest websafe color is: #336666.

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

● #387f78 color description : Dark moderate cyan.

The hexadecimal color #387f78 has RGB values of R:56, G:127, B:120 and CMYK values of C:0.56, M:0, Y:0.06, K:0.5. Its decimal value is 3702648.

Hex triplet	387f78	`#387f78`
RGB Decimal	56, 127, 120	`rgb(56,127,120)`
RGB Percent	22, 49.8, 47.1	`rgb(22%,49.8%,47.1%)`
CMYK	56, 0, 6, 50
HSL	174.1°, 38.8, 35.9	`hsl(174.1,38.8%,35.9%)`
HSV (or HSB)	174.1°, 55.9, 49.8
Web Safe	336666	`#336666`

CIE-LAB	48.729, -23.994, -2.948
XYZ	12.609, 17.375, 20.457
xyY	0.25, 0.344, 17.375
CIE-LCH	48.729, 24.174, 187.006
CIE-LUV	48.729, -29.837, -0.633
Hunter-Lab	41.683, -18.947, 0.079
Binary	00111000, 01111111, 01111000

#387f78
```
#387f78 rgb(56,127,120)
```
#7f383f
```
#7f383f rgb(127,56,63)
```

Complementary Color

#387f55
```
#387f55 rgb(56,127,85)
```
#387f78
```
#387f78 rgb(56,127,120)
```
#38637f
```
#38637f rgb(56,99,127)
```

Analogous Color

#7f5538
```
#7f5538 rgb(127,85,56)
```
#387f78
```
#387f78 rgb(56,127,120)
```
#7f3863
```
#7f3863 rgb(127,56,99)
```

Split Complementary Color

#7f7838
```
#7f7838 rgb(127,120,56)
```
#387f78
```
#387f78 rgb(56,127,120)
```
#78387f
```
#78387f rgb(120,56,127)
```

Triadic Color

#3f7f38
```
#3f7f38 rgb(63,127,56)
```
#387f78
```
#387f78 rgb(56,127,120)
```
#78387f
```
#78387f rgb(120,56,127)
```
#7f383f
```
#7f383f rgb(127,56,63)
```

Tetradic Color

#214a46
```
#214a46 rgb(33,74,70)
```
#285c57
```
#285c57 rgb(40,92,87)
```
#306d67
```
#306d67 rgb(48,109,103)
```
#387f78
```
#387f78 rgb(56,127,120)
```
#409189
```
#409189 rgb(64,145,137)
```
#48a299
```
#48a299 rgb(72,162,153)
```
#51b2a9
```
#51b2a9 rgb(81,178,169)
```

Monochromatic Color

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

#387f66
```
#387f66 rgb(56,127,102)
```
#387f6c
```
#387f6c rgb(56,127,108)
```
#387f72
```
#387f72 rgb(56,127,114)
```
#387f78
```
#387f78 rgb(56,127,120)
```
#387f7e
```
#387f7e rgb(56,127,126)
```
#387a7f
```
#387a7f rgb(56,122,127)
```
#38747f
```
#38747f rgb(56,116,127)
```

Similar Colors

Text with hexadecimal color #387f78

This text has a font color of #387f78.

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

#387f78 background color

This paragraph has a background color of #387f78.

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

#387f78 border color

This element has a border color of #387f78.

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

CSS codes

.text {color:#387f78;}

.background {background-color:#387f78;}

.border {border:1px solid #387f78;}

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

#020404
```
#020404 rgb(2,4,4)
```
#081211
```
#081211 rgb(8,18,17)
```
#0e201e
```
#0e201e rgb(14,32,30)
```
#142d2b
```
#142d2b rgb(20,45,43)
```
#1a3b38
```
#1a3b38 rgb(26,59,56)
```
#204945
```
#204945 rgb(32,73,69)
```
#265651
```
#265651 rgb(38,86,81)
```
#2c645e
```
#2c645e rgb(44,100,94)
```
#32716b
```
#32716b rgb(50,113,107)
```
#387f78
```
#387f78 rgb(56,127,120)
```
#3e8d85
```
#3e8d85 rgb(62,141,133)
```
#449a92
```
#449a92 rgb(68,154,146)
```
#4aa89f
```
#4aa89f rgb(74,168,159)
```

Shade Color Variation

#53b3a9
```
#53b3a9 rgb(83,179,169)
```
#60b9b0
```
#60b9b0 rgb(96,185,176)
```
#6ebfb7
```
#6ebfb7 rgb(110,191,183)
```
#7bc5be
```
#7bc5be rgb(123,197,190)
```
#89cbc4
```
#89cbc4 rgb(137,203,196)
```
#97d1cb
```
#97d1cb rgb(151,209,203)
```
#a4d7d2
```
#a4d7d2 rgb(164,215,210)
```
#b2ddd9
```
#b2ddd9 rgb(178,221,217)
```
#bfe3df
```
#bfe3df rgb(191,227,223)
```
#cde9e6
```
#cde9e6 rgb(205,233,230)
```
#dbefed
```
#dbefed rgb(219,239,237)
```
#e8f5f4
```
#e8f5f4 rgb(232,245,244)
```
#f6fbfa
```
#f6fbfa rgb(246,251,250)
```

Tint Color Variation

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

#5b5c5c
```
#5b5c5c rgb(91,92,92)
```
#546361
```
#546361 rgb(84,99,97)
```
#4d6a67
```
#4d6a67 rgb(77,106,103)
```
#46716d
```
#46716d rgb(70,113,109)
```
#3f7872
```
#3f7872 rgb(63,120,114)
```
#387f78
```
#387f78 rgb(56,127,120)
```
#31867e
```
#31867e rgb(49,134,126)
```
#2a8d83
```
#2a8d83 rgb(42,141,131)
```
#239489
```
#239489 rgb(35,148,137)
```
#1c9b8f
```
#1c9b8f rgb(28,155,143)
```
#15a294
```
#15a294 rgb(21,162,148)
```
#0ea99a
```
#0ea99a rgb(14,169,154)
```
#07b0a0
```
#07b0a0 rgb(7,176,160)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5f6d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7a79 Protanopia 1% of men
#827783 Deuteranopia 1% of men
#48838d Tritanopia 0.001% of the population

Trichromacy

#647c78 Protanomaly 1% of men, 0.01% of women
#677a7f Deuteranomaly 6% of men, 0.4% of women
#428185 Tritanomaly 0.01% of the population

#387f78 hex color

#387f78 Color Information

#387f78 Color Conversion

Color Schemes with #387f78

Alternatives to #387f78

#387f78 Preview

Shades and Tints of #387f78

Tones of #387f78

Color Blindness Simulator