colorhexa.com

#318d80 hex color

In a RGB color space, hex #318d80 is composed of 19.2% red, 55.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 0% magenta, 9.2% yellow and 44.7% black. It has a hue angle of 171.5 degrees, a saturation of 48.4% and a lightness of 37.3%. #318d80 color hex could be obtained by blending #62ffff with #001b01. Closest websafe color is: #339999.

- R 19
- G 55
- B 50
RGB color chart
- C 65
- M 0
- Y 9
- K 45
CMYK color chart

● #318d80 color description : Dark moderate cyan.

The hexadecimal color #318d80 has RGB values of R:49, G:141, B:128 and CMYK values of C:0.65, M:0, Y:0.09, K:0.45. Its decimal value is 3247488.

Hex triplet	318d80	`#318d80`
RGB Decimal	49, 141, 128	`rgb(49,141,128)`
RGB Percent	19.2, 55.3, 50.2	`rgb(19.2%,55.3%,50.2%)`
CMYK	65, 0, 9, 45
HSL	171.5°, 48.4, 37.3	`hsl(171.5,48.4%,37.3%)`
HSV (or HSB)	171.5°, 65.2, 55.3
Web Safe	339999	`#339999`

CIE-LAB	53.233, -30.112, -1.026
XYZ	14.687, 21.26, 23.75
xyY	0.246, 0.356, 21.26
CIE-LCH	53.233, 30.129, 181.951
CIE-LUV	53.233, -36.49, 2.974
Hunter-Lab	46.109, -23.834, 1.736
Binary	00110001, 10001101, 10000000

#318d80
```
#318d80 rgb(49,141,128)
```
#8d313e
```
#8d313e rgb(141,49,62)
```

Complementary Color

#318d52
```
#318d52 rgb(49,141,82)
```
#318d80
```
#318d80 rgb(49,141,128)
```
#316c8d
```
#316c8d rgb(49,108,141)
```

Analogous Color

#8d5231
```
#8d5231 rgb(141,82,49)
```
#318d80
```
#318d80 rgb(49,141,128)
```
#8d316c
```
#8d316c rgb(141,49,108)
```

Split Complementary Color

#8d8031
```
#8d8031 rgb(141,128,49)
```
#318d80
```
#318d80 rgb(49,141,128)
```
#80318d
```
#80318d rgb(128,49,141)
```

Triadic Color

#3e8d31
```
#3e8d31 rgb(62,141,49)
```
#318d80
```
#318d80 rgb(49,141,128)
```
#80318d
```
#80318d rgb(128,49,141)
```
#8d313e
```
#8d313e rgb(141,49,62)
```

Tetradic Color

#1d544c
```
#1d544c rgb(29,84,76)
```
#24675e
```
#24675e rgb(36,103,94)
```
#2a7a6f
```
#2a7a6f rgb(42,122,111)
```
#318d80
```
#318d80 rgb(49,141,128)
```
#38a091
```
#38a091 rgb(56,160,145)
```
#3eb3a2
```
#3eb3a2 rgb(62,179,162)
```
#4ac0b0
```
#4ac0b0 rgb(74,192,176)
```

Monochromatic Color

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

#318d69
```
#318d69 rgb(49,141,105)
```
#318d71
```
#318d71 rgb(49,141,113)
```
#318d78
```
#318d78 rgb(49,141,120)
```
#318d80
```
#318d80 rgb(49,141,128)
```
#318d88
```
#318d88 rgb(49,141,136)
```
#318b8d
```
#318b8d rgb(49,139,141)
```
#31838d
```
#31838d rgb(49,131,141)
```

Similar Colors

Text with hexadecimal color #318d80

This text has a font color of #318d80.

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

#318d80 background color

This paragraph has a background color of #318d80.

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

#318d80 border color

This element has a border color of #318d80.

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

CSS codes

.text {color:#318d80;}

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

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

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, #030a09 is the darkest color, while #fafdfd is the lightest one.

#030a09
```
#030a09 rgb(3,10,9)
```
#091916
```
#091916 rgb(9,25,22)
```
#0e2723
```
#0e2723 rgb(14,39,35)
```
#133631
```
#133631 rgb(19,54,49)
```
#18443e
```
#18443e rgb(24,68,62)
```
#1d534b
```
#1d534b rgb(29,83,75)
```
#226158
```
#226158 rgb(34,97,88)
```
#277066
```
#277066 rgb(39,112,102)
```
#2c7e73
```
#2c7e73 rgb(44,126,115)
```
#318d80
```
#318d80 rgb(49,141,128)
```
#369c8d
```
#369c8d rgb(54,156,141)
```
#3baa9a
```
#3baa9a rgb(59,170,154)
```
#40b9a8
```
#40b9a8 rgb(64,185,168)
```

Shade Color Variation

#4cc1b0
```
#4cc1b0 rgb(76,193,176)
```
#5ac6b7
```
#5ac6b7 rgb(90,198,183)
```
#69cbbd
```
#69cbbd rgb(105,203,189)
```
#77d0c3
```
#77d0c3 rgb(119,208,195)
```
#86d5ca
```
#86d5ca rgb(134,213,202)
```
#95dad0
```
#95dad0 rgb(149,218,208)
```
#a3dfd7
```
#a3dfd7 rgb(163,223,215)
```
#b2e4dd
```
#b2e4dd rgb(178,228,221)
```
#c0e9e3
```
#c0e9e3 rgb(192,233,227)
```
#cfeeea
```
#cfeeea rgb(207,238,234)
```
#ddf3f0
```
#ddf3f0 rgb(221,243,240)
```
#ecf8f7
```
#ecf8f7 rgb(236,248,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#5d6161
```
#5d6161 rgb(93,97,97)
```
#566866
```
#566866 rgb(86,104,102)
```
#4e706b
```
#4e706b rgb(78,112,107)
```
#477770
```
#477770 rgb(71,119,112)
```
#407e76
```
#407e76 rgb(64,126,118)
```
#38867b
```
#38867b rgb(56,134,123)
```
#318d80
```
#318d80 rgb(49,141,128)
```
#2a9485
```
#2a9485 rgb(42,148,133)
```
#229c8a
```
#229c8a rgb(34,156,138)
```
#1ba390
```
#1ba390 rgb(27,163,144)
```
#14aa95
```
#14aa95 rgb(20,170,149)
```
#0cb29a
```
#0cb29a rgb(12,178,154)
```
#05b99f
```
#05b99f rgb(5,185,159)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#637673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89857f Protanopia 1% of men
#8e828c Deuteranopia 1% of men
#468f9a Tritanopia 0.001% of the population

Trichromacy

#69887f Protanomaly 1% of men, 0.01% of women
#6c8688 Deuteranomaly 6% of men, 0.4% of women
#3e8e90 Tritanomaly 0.01% of the population