#318180 hex color

In a RGB color space, hex #318180 is composed of 19.2% red, 50.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 0% magenta, 0.8% yellow and 49.4% black. It has a hue angle of 179.3 degrees, a saturation of 44.9% and a lightness of 34.9%. #318180 color hex could be obtained by blending #62ffff with #000301. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 51
- B 50
RGB color chart
- C 62
- M 0
- Y 1
- K 49
CMYK color chart

● #318180 color description : Dark moderate cyan.

The hexadecimal color #318180 has RGB values of R:49, G:129, B:128 and CMYK values of C:0.62, M:0, Y:0.01, K:0.49. Its decimal value is 3244416.

Hex triplet	318180	`#318180`
RGB Decimal	49, 129, 128	`rgb(49,129,128)`
RGB Percent	19.2, 50.6, 50.2	`rgb(19.2%,50.6%,50.2%)`
CMYK	62, 0, 1, 49
HSL	179.3°, 44.9, 34.9	`hsl(179.3,44.9%,34.9%)`
HSV (or HSB)	179.3°, 62, 50.6
Web Safe	339999	`#339999`

CIE-LAB	49.388, -24.15, -6.704
XYZ	13.012, 17.911, 23.192
xyY	0.24, 0.331, 17.911
CIE-LCH	49.388, 25.063, 195.516
CIE-LUV	49.388, -31.885, -6.043
Hunter-Lab	42.321, -19.181, -2.866
Binary	00110001, 10000001, 10000000

#318180
```
#318180 rgb(49,129,128)
```
#813132
```
#813132 rgb(129,49,50)
```

Complementary Color

#318158
```
#318158 rgb(49,129,88)
```
#318180
```
#318180 rgb(49,129,128)
```
#315a81
```
#315a81 rgb(49,90,129)
```

Analogous Color

#815831
```
#815831 rgb(129,88,49)
```
#318180
```
#318180 rgb(49,129,128)
```
#81315a
```
#81315a rgb(129,49,90)
```

Split Complementary Color

#818031
```
#818031 rgb(129,128,49)
```
#318180
```
#318180 rgb(49,129,128)
```
#803181
```
#803181 rgb(128,49,129)
```

Triadic Color

#328131
```
#328131 rgb(50,129,49)
```
#318180
```
#318180 rgb(49,129,128)
```
#803181
```
#803181 rgb(128,49,129)
```
#813132
```
#813132 rgb(129,49,50)
```

Tetradic Color

#1c4a49
```
#1c4a49 rgb(28,74,73)
```
#235c5b
```
#235c5b rgb(35,92,91)
```
#2a6f6e
```
#2a6f6e rgb(42,111,110)
```
#318180
```
#318180 rgb(49,129,128)
```
#389392
```
#389392 rgb(56,147,146)
```
#3fa6a5
```
#3fa6a5 rgb(63,166,165)
```
#46b8b7
```
#46b8b7 rgb(70,184,183)
```

Monochromatic Color

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

#31816c
```
#31816c rgb(49,129,108)
```
#318173
```
#318173 rgb(49,129,115)
```
#318179
```
#318179 rgb(49,129,121)
```
#318180
```
#318180 rgb(49,129,128)
```
#317b81
```
#317b81 rgb(49,123,129)
```
#317581
```
#317581 rgb(49,117,129)
```
#316e81
```
#316e81 rgb(49,110,129)
```

Similar Colors

Text with hexadecimal color #318180

This text has a font color of #318180.

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

#318180 background color

This paragraph has a background color of #318180.

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

#318180 border color

This element has a border color of #318180.

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

CSS codes

.text {color:#318180;}

.background {background-color:#318180;}

.border {border:1px solid #318180;}

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 #f2fafa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060f0f
```
#060f0f rgb(6,15,15)
```
#0b1d1d
```
#0b1d1d rgb(11,29,29)
```
#112c2b
```
#112c2b rgb(17,44,43)
```
#163a39
```
#163a39 rgb(22,58,57)
```
#1b4848
```
#1b4848 rgb(27,72,72)
```
#215656
```
#215656 rgb(33,86,86)
```
#266564
```
#266564 rgb(38,101,100)
```
#2c7372
```
#2c7372 rgb(44,115,114)
```
#318180
```
#318180 rgb(49,129,128)
```
#368f8e
```
#368f8e rgb(54,143,142)
```
#3c9d9c
```
#3c9d9c rgb(60,157,156)
```
#41acaa
```
#41acaa rgb(65,172,170)
```

Shade Color Variation

#47b9b8
```
#47b9b8 rgb(71,185,184)
```
#55bfbd
```
#55bfbd rgb(85,191,189)
```
#64c4c3
```
#64c4c3 rgb(100,196,195)
```
#72c9c8
```
#72c9c8 rgb(114,201,200)
```
#80cfce
```
#80cfce rgb(128,207,206)
```
#8ed4d3
```
#8ed4d3 rgb(142,212,211)
```
#9ddad9
```
#9ddad9 rgb(157,218,217)
```
#abdfde
```
#abdfde rgb(171,223,222)
```
#b9e4e4
```
#b9e4e4 rgb(185,228,228)
```
#c7eae9
```
#c7eae9 rgb(199,234,233)
```
#d5efef
```
#d5efef rgb(213,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, #535f5f is the less saturated color, while #01b1af is the most saturated one.

#535f5f
```
#535f5f rgb(83,95,95)
```
#4c6665
```
#4c6665 rgb(76,102,101)
```
#466c6c
```
#466c6c rgb(70,108,108)
```
#3f7373
```
#3f7373 rgb(63,115,115)
```
#387a79
```
#387a79 rgb(56,122,121)
```
#318180
```
#318180 rgb(49,129,128)
```
#2a8887
```
#2a8887 rgb(42,136,135)
```
#238f8d
```
#238f8d rgb(35,143,141)
```
#1c9694
```
#1c9694 rgb(28,150,148)
```
#169c9b
```
#169c9b rgb(22,156,155)
```
#0fa3a1
```
#0fa3a1 rgb(15,163,161)
```
#08aaa8
```
#08aaa8 rgb(8,170,168)
```
#01b1af
```
#01b1af rgb(1,177,175)
```

Tone Color Variation

Below, you can see how #318180 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
#5e6e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7b80 Protanopia 1% of men
#80798b Deuteranopia 1% of men
#40868f Tritanopia 0.001% of the population

Trichromacy

#617d80 Protanomaly 1% of men, 0.01% of women
#637c87 Deuteranomaly 6% of men, 0.4% of women
#3b848a Tritanomaly 0.01% of the population

#318180 hex color

#318180 Color Information

#318180 Color Conversion

Color Schemes with #318180

Alternatives to #318180

#318180 Preview

Shades and Tints of #318180

Tones of #318180

Color Blindness Simulator