#378f8e hex color

In a RGB color space, hex #378f8e is composed of 21.6% red, 56.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 0% magenta, 0.7% yellow and 43.9% black. It has a hue angle of 179.3 degrees, a saturation of 44.4% and a lightness of 38.8%. #378f8e color hex could be obtained by blending #6effff with #001f1d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 22
- G 56
- B 56
RGB color chart
- C 62
- M 0
- Y 1
- K 44
CMYK color chart

● #378f8e color description : Dark moderate cyan.

The hexadecimal color #378f8e has RGB values of R:55, G:143, B:142 and CMYK values of C:0.62, M:0, Y:0.01, K:0.44. Its decimal value is 3641230.

Hex triplet	378f8e	`#378f8e`
RGB Decimal	55, 143, 142	`rgb(55,143,142)`
RGB Percent	21.6, 56.1, 55.7	`rgb(21.6%,56.1%,55.7%)`
CMYK	62, 0, 1, 44
HSL	179.3°, 44.4, 38.8	`hsl(179.3,44.4%,38.8%)`
HSV (or HSB)	179.3°, 61.5, 56.1
Web Safe	339999	`#339999`

CIE-LAB	54.458, -26.026, -7.284
XYZ	16.279, 22.409, 29.057
xyY	0.24, 0.331, 22.409
CIE-LCH	54.458, 27.026, 195.637
CIE-LUV	54.458, -35.191, -6.753
Hunter-Lab	47.338, -21.457, -3.257
Binary	00110111, 10001111, 10001110

#378f8e
```
#378f8e rgb(55,143,142)
```
#8f3738
```
#8f3738 rgb(143,55,56)
```

Complementary Color

#378f62
```
#378f62 rgb(55,143,98)
```
#378f8e
```
#378f8e rgb(55,143,142)
```
#37648f
```
#37648f rgb(55,100,143)
```

Analogous Color

#8f6237
```
#8f6237 rgb(143,98,55)
```
#378f8e
```
#378f8e rgb(55,143,142)
```
#8f3764
```
#8f3764 rgb(143,55,100)
```

Split Complementary Color

#8f8e37
```
#8f8e37 rgb(143,142,55)
```
#378f8e
```
#378f8e rgb(55,143,142)
```
#8e378f
```
#8e378f rgb(142,55,143)
```

Triadic Color

#388f37
```
#388f37 rgb(56,143,55)
```
#378f8e
```
#378f8e rgb(55,143,142)
```
#8e378f
```
#8e378f rgb(142,55,143)
```
#8f3738
```
#8f3738 rgb(143,55,56)
```

Tetradic Color

#225857
```
#225857 rgb(34,88,87)
```
#296a69
```
#296a69 rgb(41,106,105)
```
#307d7c
```
#307d7c rgb(48,125,124)
```
#378f8e
```
#378f8e rgb(55,143,142)
```
#3ea1a0
```
#3ea1a0 rgb(62,161,160)
```
#45b4b3
```
#45b4b3 rgb(69,180,179)
```
#55bebc
```
#55bebc rgb(85,190,188)
```

Monochromatic Color

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

#378f78
```
#378f78 rgb(55,143,120)
```
#378f7f
```
#378f7f rgb(55,143,127)
```
#378f87
```
#378f87 rgb(55,143,135)
```
#378f8e
```
#378f8e rgb(55,143,142)
```
#37898f
```
#37898f rgb(55,137,143)
```
#37818f
```
#37818f rgb(55,129,143)
```
#377a8f
```
#377a8f rgb(55,122,143)
```

Similar Colors

Text with hexadecimal color #378f8e

This text has a font color of #378f8e.

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

#378f8e background color

This paragraph has a background color of #378f8e.

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

#378f8e border color

This element has a border color of #378f8e.

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

CSS codes

.text {color:#378f8e;}

.background {background-color:#378f8e;}

.border {border:1px solid #378f8e;}

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

#010101
```
#010101 rgb(1,1,1)
```
#06100f
```
#06100f rgb(6,16,15)
```
#0b1e1d
```
#0b1e1d rgb(11,30,29)
```
#112c2c
```
#112c2c rgb(17,44,44)
```
#163a3a
```
#163a3a rgb(22,58,58)
```
#1c4848
```
#1c4848 rgb(28,72,72)
```
#215656
```
#215656 rgb(33,86,86)
```
#276564
```
#276564 rgb(39,101,100)
```
#2c7372
```
#2c7372 rgb(44,115,114)
```
#328180
```
#328180 rgb(50,129,128)
```
#378f8e
```
#378f8e rgb(55,143,142)
```
#3c9d9c
```
#3c9d9c rgb(60,157,156)
```
#42abaa
```
#42abaa rgb(66,171,170)
```

Shade Color Variation

#48b9b7
```
#48b9b7 rgb(72,185,183)
```
#56bebd
```
#56bebd rgb(86,190,189)
```
#65c4c2
```
#65c4c2 rgb(101,196,194)
```
#73c9c8
```
#73c9c8 rgb(115,201,200)
```
#81cece
```
#81cece rgb(129,206,206)
```
#8fd4d3
```
#8fd4d3 rgb(143,212,211)
```
#9dd9d9
```
#9dd9d9 rgb(157,217,217)
```
#abdfde
```
#abdfde rgb(171,223,222)
```
#bae4e4
```
#bae4e4 rgb(186,228,228)
```
#c8eae9
```
#c8eae9 rgb(200,234,233)
```
#d6efef
```
#d6efef rgb(214,239,239)
```
#e4f5f4
```
#e4f5f4 rgb(228,245,244)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

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

#5d6969
```
#5d6969 rgb(93,105,105)
```
#557170
```
#557170 rgb(85,113,112)
```
#4e7878
```
#4e7878 rgb(78,120,120)
```
#46807f
```
#46807f rgb(70,128,127)
```
#3f8787
```
#3f8787 rgb(63,135,135)
```
#378f8e
```
#378f8e rgb(55,143,142)
```
#2f9795
```
#2f9795 rgb(47,151,149)
```
#289e9d
```
#289e9d rgb(40,158,157)
```
#20a6a4
```
#20a6a4 rgb(32,166,164)
```
#19adac
```
#19adac rgb(25,173,172)
```
#11b5b3
```
#11b5b3 rgb(17,181,179)
```
#09bdbb
```
#09bdbb rgb(9,189,187)
```
#02c4c2
```
#02c4c2 rgb(2,196,194)
```

Tone Color Variation

Below, you can see how #378f8e 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

#757575 Achromatopsia 0.005% of the population
#697a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#89888c Protanopia 1% of men
#8d8599 Deuteranopia 1% of men
#46939d Tritanopia 0.001% of the population

Trichromacy

#6b8a8d Protanomaly 1% of men, 0.01% of women
#6d8895 Deuteranomaly 6% of men, 0.4% of women
#419198 Tritanomaly 0.01% of the population

#378f8e hex color

#378f8e Color Information

#378f8e Color Conversion

Color Schemes with #378f8e

Alternatives to #378f8e

#378f8e Preview

Shades and Tints of #378f8e

Tones of #378f8e

Color Blindness Simulator