#377d80 hex color

In a RGB color space, hex #377d80 is composed of 21.6% red, 49% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 2.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 182.5 degrees, a saturation of 39.9% and a lightness of 35.9%. #377d80 color hex could be obtained by blending #6efaff with #000001. Closest websafe color is: #336699.

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

● #377d80 color description : Dark moderate cyan.

The hexadecimal color #377d80 has RGB values of R:55, G:125, B:128 and CMYK values of C:0.57, M:0.02, Y:0, K:0.5. Its decimal value is 3636608.

Hex triplet	377d80	`#377d80`
RGB Decimal	55, 125, 128	`rgb(55,125,128)`
RGB Percent	21.6, 49, 50.2	`rgb(21.6%,49%,50.2%)`
CMYK	57, 2, 0, 50
HSL	182.5°, 39.9, 35.9	`hsl(182.5,39.9%,35.9%)`
HSV (or HSB)	182.5°, 57, 50.2
Web Safe	336699	`#336699`

CIE-LAB	48.307, -20.868, -8.297
XYZ	12.804, 17.037, 23.035
xyY	0.242, 0.322, 17.037
CIE-LCH	48.307, 22.457, 201.684
CIE-LUV	48.307, -28.93, -8.771
Hunter-Lab	41.276, -16.86, -4.194
Binary	00110111, 01111101, 10000000

#377d80
```
#377d80 rgb(55,125,128)
```
#803a37
```
#803a37 rgb(128,58,55)
```

Complementary Color

#37805f
```
#37805f rgb(55,128,95)
```
#377d80
```
#377d80 rgb(55,125,128)
```
#375980
```
#375980 rgb(55,89,128)
```

Analogous Color

#805f37
```
#805f37 rgb(128,95,55)
```
#377d80
```
#377d80 rgb(55,125,128)
```
#803759
```
#803759 rgb(128,55,89)
```

Split Complementary Color

#7d8037
```
#7d8037 rgb(125,128,55)
```
#377d80
```
#377d80 rgb(55,125,128)
```
#80377d
```
#80377d rgb(128,55,125)
```

Triadic Color

#37803a
```
#37803a rgb(55,128,58)
```
#377d80
```
#377d80 rgb(55,125,128)
```
#80377d
```
#80377d rgb(128,55,125)
```
#803a37
```
#803a37 rgb(128,58,55)
```

Tetradic Color

#20494a
```
#20494a rgb(32,73,74)
```
#285a5c
```
#285a5c rgb(40,90,92)
```
#2f6c6e
```
#2f6c6e rgb(47,108,110)
```
#377d80
```
#377d80 rgb(55,125,128)
```
#3f8e92
```
#3f8e92 rgb(63,142,146)
```
#46a0a4
```
#46a0a4 rgb(70,160,164)
```
#50b0b4
```
#50b0b4 rgb(80,176,180)
```

Monochromatic Color

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

#378071
```
#378071 rgb(55,128,113)
```
#378077
```
#378077 rgb(55,128,119)
```
#37807d
```
#37807d rgb(55,128,125)
```
#377d80
```
#377d80 rgb(55,125,128)
```
#377780
```
#377780 rgb(55,119,128)
```
#377180
```
#377180 rgb(55,113,128)
```
#376b80
```
#376b80 rgb(55,107,128)
```

Similar Colors

Text with hexadecimal color #377d80

This text has a font color of #377d80.

<span style="color:#377d80;">Text here</span>

#377d80 background color

This paragraph has a background color of #377d80.

<p style="background-color:#377d80;">Content here</p>

#377d80 border color

This element has a border color of #377d80.

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

CSS codes

.text {color:#377d80;}

.background {background-color:#377d80;}

.border {border:1px solid #377d80;}

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

#020405
```
#020405 rgb(2,4,5)
```
#081212
```
#081212 rgb(8,18,18)
```
#0e1f20
```
#0e1f20 rgb(14,31,32)
```
#142d2e
```
#142d2e rgb(20,45,46)
```
#1a3a3b
```
#1a3a3b rgb(26,58,59)
```
#1f4749
```
#1f4749 rgb(31,71,73)
```
#255557
```
#255557 rgb(37,85,87)
```
#2b6265
```
#2b6265 rgb(43,98,101)
```
#317072
```
#317072 rgb(49,112,114)
```
#377d80
```
#377d80 rgb(55,125,128)
```
#3d8a8e
```
#3d8a8e rgb(61,138,142)
```
#43989b
```
#43989b rgb(67,152,155)
```
#49a5a9
```
#49a5a9 rgb(73,165,169)
```

Shade Color Variation

#51b0b4
```
#51b0b4 rgb(81,176,180)
```
#5fb6ba
```
#5fb6ba rgb(95,182,186)
```
#6dbdc0
```
#6dbdc0 rgb(109,189,192)
```
#7ac3c6
```
#7ac3c6 rgb(122,195,198)
```
#88c9cc
```
#88c9cc rgb(136,201,204)
```
#96cfd2
```
#96cfd2 rgb(150,207,210)
```
#a3d6d8
```
#a3d6d8 rgb(163,214,216)
```
#b1dcde
```
#b1dcde rgb(177,220,222)
```
#bfe2e3
```
#bfe2e3 rgb(191,226,227)
```
#cde8e9
```
#cde8e9 rgb(205,232,233)
```
#daeeef
```
#daeeef rgb(218,238,239)
```
#e8f5f5
```
#e8f5f5 rgb(232,245,245)
```
#f6fbfb
```
#f6fbfb rgb(246,251,251)
```

Tint Color Variation

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

#5a5d5d
```
#5a5d5d rgb(90,93,93)
```
#536364
```
#536364 rgb(83,99,100)
```
#4c6a6b
```
#4c6a6b rgb(76,106,107)
```
#457072
```
#457072 rgb(69,112,114)
```
#3e7779
```
#3e7779 rgb(62,119,121)
```
#377d80
```
#377d80 rgb(55,125,128)
```
#308387
```
#308387 rgb(48,131,135)
```
#298a8e
```
#298a8e rgb(41,138,142)
```
#229095
```
#229095 rgb(34,144,149)
```
#1b979c
```
#1b979c rgb(27,151,156)
```
#149da3
```
#149da3 rgb(20,157,163)
```
#0da4aa
```
#0da4aa rgb(13,164,170)
```
#06aab1
```
#06aab1 rgb(6,170,177)
```

Tone Color Variation

Below, you can see how #377d80 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

#686868 Achromatopsia 0.005% of the population
#5e6c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#797980 Protanopia 1% of men
#7c778b Deuteranopia 1% of men
#44828c Tritanopia 0.001% of the population

Trichromacy

#617a80 Protanomaly 1% of men, 0.01% of women
#637987 Deuteranomaly 6% of men, 0.4% of women
#3f8087 Tritanomaly 0.01% of the population

#377d80 hex color

#377d80 Color Information

#377d80 Color Conversion

Color Schemes with #377d80

Alternatives to #377d80

#377d80 Preview

Shades and Tints of #377d80

Tones of #377d80

Color Blindness Simulator