#318a86 hex color

In a RGB color space, hex #318a86 is composed of 19.2% red, 54.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 0% magenta, 2.9% yellow and 45.9% black. It has a hue angle of 177.3 degrees, a saturation of 47.6% and a lightness of 36.7%. #318a86 color hex could be obtained by blending #62ffff with #00150d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 54
- B 53
RGB color chart
- C 64
- M 0
- Y 3
- K 46
CMYK color chart

● #318a86 color description : Dark moderate cyan.

The hexadecimal color #318a86 has RGB values of R:49, G:138, B:134 and CMYK values of C:0.64, M:0, Y:0.03, K:0.46. Its decimal value is 3246726.

Hex triplet	318a86	`#318a86`
RGB Decimal	49, 138, 134	`rgb(49,138,134)`
RGB Percent	19.2, 54.1, 52.5	`rgb(19.2%,54.1%,52.5%)`
CMYK	64, 0, 3, 46
HSL	177.3°, 47.6, 36.7	`hsl(177.3,47.6%,36.7%)`
HSV (or HSB)	177.3°, 64.5, 54.1
Web Safe	339999	`#339999`

CIE-LAB	52.453, -26.932, -5.653
XYZ	14.657, 20.55, 25.747
xyY	0.24, 0.337, 20.55
CIE-LCH	52.453, 27.519, 191.854
CIE-LUV	52.453, -34.998, -4.182
Hunter-Lab	45.332, -21.618, -1.942
Binary	00110001, 10001010, 10000110

#318a86
```
#318a86 rgb(49,138,134)
```
#8a3135
```
#8a3135 rgb(138,49,53)
```

Complementary Color

#318a5a
```
#318a5a rgb(49,138,90)
```
#318a86
```
#318a86 rgb(49,138,134)
```
#31628a
```
#31628a rgb(49,98,138)
```

Analogous Color

#8a5a31
```
#8a5a31 rgb(138,90,49)
```
#318a86
```
#318a86 rgb(49,138,134)
```
#8a3162
```
#8a3162 rgb(138,49,98)
```

Split Complementary Color

#8a8631
```
#8a8631 rgb(138,134,49)
```
#318a86
```
#318a86 rgb(49,138,134)
```
#86318a
```
#86318a rgb(134,49,138)
```

Triadic Color

#358a31
```
#358a31 rgb(53,138,49)
```
#318a86
```
#318a86 rgb(49,138,134)
```
#86318a
```
#86318a rgb(134,49,138)
```
#8a3135
```
#8a3135 rgb(138,49,53)
```

Tetradic Color

#1d524f
```
#1d524f rgb(29,82,79)
```
#246461
```
#246461 rgb(36,100,97)
```
#2a7774
```
#2a7774 rgb(42,119,116)
```
#318a86
```
#318a86 rgb(49,138,134)
```
#389d98
```
#389d98 rgb(56,157,152)
```
#3eb0ab
```
#3eb0ab rgb(62,176,171)
```
#49beb9
```
#49beb9 rgb(73,190,185)
```

Monochromatic Color

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

#318a70
```
#318a70 rgb(49,138,112)
```
#318a77
```
#318a77 rgb(49,138,119)
```
#318a7f
```
#318a7f rgb(49,138,127)
```
#318a86
```
#318a86 rgb(49,138,134)
```
#31878a
```
#31878a rgb(49,135,138)
```
#317f8a
```
#317f8a rgb(49,127,138)
```
#31788a
```
#31788a rgb(49,120,138)
```

Similar Colors

Text with hexadecimal color #318a86

This text has a font color of #318a86.

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

#318a86 background color

This paragraph has a background color of #318a86.

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

#318a86 border color

This element has a border color of #318a86.

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

CSS codes

.text {color:#318a86;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#081616
```
#081616 rgb(8,22,22)
```
#0d2524
```
#0d2524 rgb(13,37,36)
```
#123332
```
#123332 rgb(18,51,50)
```
#174240
```
#174240 rgb(23,66,64)
```
#1c504e
```
#1c504e rgb(28,80,78)
```
#225f5c
```
#225f5c rgb(34,95,92)
```
#276d6a
```
#276d6a rgb(39,109,106)
```
#2c7c78
```
#2c7c78 rgb(44,124,120)
```
#318a86
```
#318a86 rgb(49,138,134)
```
#369894
```
#369894 rgb(54,152,148)
```
#3ba7a2
```
#3ba7a2 rgb(59,167,162)
```
#40b5b0
```
#40b5b0 rgb(64,181,176)
```

Shade Color Variation

#4bbfba
```
#4bbfba rgb(75,191,186)
```
#59c4bf
```
#59c4bf rgb(89,196,191)
```
#67c9c5
```
#67c9c5 rgb(103,201,197)
```
#76ceca
```
#76ceca rgb(118,206,202)
```
#84d3d0
```
#84d3d0 rgb(132,211,208)
```
#93d9d5
```
#93d9d5 rgb(147,217,213)
```
#a1dedb
```
#a1dedb rgb(161,222,219)
```
#b0e3e1
```
#b0e3e1 rgb(176,227,225)
```
#bee8e6
```
#bee8e6 rgb(190,232,230)
```
#cdedec
```
#cdedec rgb(205,237,236)
```
#dbf2f1
```
#dbf2f1 rgb(219,242,241)
```
#eaf7f7
```
#eaf7f7 rgb(234,247,247)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#5c5f5f
```
#5c5f5f rgb(92,95,95)
```
#556665
```
#556665 rgb(85,102,101)
```
#4e6d6c
```
#4e6d6c rgb(78,109,108)
```
#477472
```
#477472 rgb(71,116,114)
```
#3f7c79
```
#3f7c79 rgb(63,124,121)
```
#38837f
```
#38837f rgb(56,131,127)
```
#318a86
```
#318a86 rgb(49,138,134)
```
#2a918d
```
#2a918d rgb(42,145,141)
```
#239893
```
#239893 rgb(35,152,147)
```
#1ba09a
```
#1ba09a rgb(27,160,154)
```
#14a7a0
```
#14a7a0 rgb(20,167,160)
```
#0daea7
```
#0daea7 rgb(13,174,167)
```
#06b5ad
```
#06b5ad rgb(6,181,173)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#637474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858385 Protanopia 1% of men
#898091 Deuteranopia 1% of men
#428e98 Tritanopia 0.001% of the population

Trichromacy

#668585 Protanomaly 1% of men, 0.01% of women
#69848d Deuteranomaly 6% of men, 0.4% of women
#3c8c91 Tritanomaly 0.01% of the population

#318a86 hex color

#318a86 Color Information

#318a86 Color Conversion

Color Schemes with #318a86

Alternatives to #318a86

#318a86 Preview

Shades and Tints of #318a86

Tones of #318a86

Color Blindness Simulator