#318a80 hex color

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

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

● #318a80 color description : Dark moderate cyan.

The hexadecimal color #318a80 has RGB values of R:49, G:138, B:128 and CMYK values of C:0.64, M:0, Y:0.07, K:0.46. Its decimal value is 3246720.

Hex triplet	318a80	`#318a80`
RGB Decimal	49, 138, 128	`rgb(49,138,128)`
RGB Percent	19.2, 54.1, 50.2	`rgb(19.2%,54.1%,50.2%)`
CMYK	64, 0, 7, 46
HSL	173.3°, 47.6, 36.7	`hsl(173.3,47.6%,36.7%)`
HSV (or HSB)	173.3°, 64.5, 54.1
Web Safe	339999	`#339999`

CIE-LAB	52.272, -28.655, -2.436
XYZ	14.25, 20.387, 23.605
xyY	0.245, 0.35, 20.387
CIE-LCH	52.272, 28.758, 184.859
CIE-LUV	52.272, -35.344, 0.738
Hunter-Lab	45.152, -22.681, 0.61
Binary	00110001, 10001010, 10000000

#318a80
```
#318a80 rgb(49,138,128)
```
#8a313b
```
#8a313b rgb(138,49,59)
```

Complementary Color

#318a54
```
#318a54 rgb(49,138,84)
```
#318a80
```
#318a80 rgb(49,138,128)
```
#31688a
```
#31688a rgb(49,104,138)
```

Analogous Color

#8a5431
```
#8a5431 rgb(138,84,49)
```
#318a80
```
#318a80 rgb(49,138,128)
```
#8a3168
```
#8a3168 rgb(138,49,104)
```

Split Complementary Color

#8a8031
```
#8a8031 rgb(138,128,49)
```
#318a80
```
#318a80 rgb(49,138,128)
```
#80318a
```
#80318a rgb(128,49,138)
```

Triadic Color

#3b8a31
```
#3b8a31 rgb(59,138,49)
```
#318a80
```
#318a80 rgb(49,138,128)
```
#80318a
```
#80318a rgb(128,49,138)
```
#8a313b
```
#8a313b rgb(138,49,59)
```

Tetradic Color

#1d524c
```
#1d524c rgb(29,82,76)
```
#24645d
```
#24645d rgb(36,100,93)
```
#2a776f
```
#2a776f rgb(42,119,111)
```
#318a80
```
#318a80 rgb(49,138,128)
```
#389d91
```
#389d91 rgb(56,157,145)
```
#3eb0a3
```
#3eb0a3 rgb(62,176,163)
```
#49beb1
```
#49beb1 rgb(73,190,177)
```

Monochromatic Color

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

#318a6a
```
#318a6a rgb(49,138,106)
```
#318a71
```
#318a71 rgb(49,138,113)
```
#318a79
```
#318a79 rgb(49,138,121)
```
#318a80
```
#318a80 rgb(49,138,128)
```
#318a87
```
#318a87 rgb(49,138,135)
```
#31858a
```
#31858a rgb(49,133,138)
```
#317e8a
```
#317e8a rgb(49,126,138)
```

Similar Colors

Text with hexadecimal color #318a80

This text has a font color of #318a80.

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

#318a80 background color

This paragraph has a background color of #318a80.

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

#318a80 border color

This element has a border color of #318a80.

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

CSS codes

.text {color:#318a80;}

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

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

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)
```
#081615
```
#081615 rgb(8,22,21)
```
#0d2522
```
#0d2522 rgb(13,37,34)
```
#12332f
```
#12332f rgb(18,51,47)
```
#17423d
```
#17423d rgb(23,66,61)
```
#1c504a
```
#1c504a rgb(28,80,74)
```
#225f58
```
#225f58 rgb(34,95,88)
```
#276d65
```
#276d65 rgb(39,109,101)
```
#2c7c73
```
#2c7c73 rgb(44,124,115)
```
#318a80
```
#318a80 rgb(49,138,128)
```
#36988d
```
#36988d rgb(54,152,141)
```
#3ba79b
```
#3ba79b rgb(59,167,155)
```
#40b5a8
```
#40b5a8 rgb(64,181,168)
```

Shade Color Variation

#4bbfb2
```
#4bbfb2 rgb(75,191,178)
```
#59c4b8
```
#59c4b8 rgb(89,196,184)
```
#67c9be
```
#67c9be rgb(103,201,190)
```
#76cec4
```
#76cec4 rgb(118,206,196)
```
#84d3cb
```
#84d3cb rgb(132,211,203)
```
#93d9d1
```
#93d9d1 rgb(147,217,209)
```
#a1ded7
```
#a1ded7 rgb(161,222,215)
```
#b0e3dd
```
#b0e3dd rgb(176,227,221)
```
#bee8e3
```
#bee8e3 rgb(190,232,227)
```
#cdedea
```
#cdedea rgb(205,237,234)
```
#dbf2f0
```
#dbf2f0 rgb(219,242,240)
```
#eaf7f6
```
#eaf7f6 rgb(234,247,246)
```
#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 #06b5a1 is the most saturated one.

#5c5f5f
```
#5c5f5f rgb(92,95,95)
```
#556664
```
#556664 rgb(85,102,100)
```
#4e6d6a
```
#4e6d6a rgb(78,109,106)
```
#47746f
```
#47746f rgb(71,116,111)
```
#3f7c75
```
#3f7c75 rgb(63,124,117)
```
#38837a
```
#38837a rgb(56,131,122)
```
#318a80
```
#318a80 rgb(49,138,128)
```
#2a9186
```
#2a9186 rgb(42,145,134)
```
#23988b
```
#23988b rgb(35,152,139)
```
#1ba091
```
#1ba091 rgb(27,160,145)
```
#14a796
```
#14a796 rgb(20,167,150)
```
#0dae9c
```
#0dae9c rgb(13,174,156)
```
#06b5a1
```
#06b5a1 rgb(6,181,161)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#627472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86827f Protanopia 1% of men
#8b7f8c Deuteranopia 1% of men
#448d97 Tritanopia 0.001% of the population

Trichromacy

#67857f Protanomaly 1% of men, 0.01% of women
#6a8387 Deuteranomaly 6% of men, 0.4% of women
#3d8c8f Tritanomaly 0.01% of the population

#318a80 hex color

#318a80 Color Information

#318a80 Color Conversion

Color Schemes with #318a80

Alternatives to #318a80

#318a80 Preview

Shades and Tints of #318a80

Tones of #318a80

Color Blindness Simulator