colorhexa.com

#318d9d hex color

In a RGB color space, hex #318d9d is composed of 19.2% red, 55.3% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 10.2% magenta, 0% yellow and 38.4% black. It has a hue angle of 188.9 degrees, a saturation of 52.4% and a lightness of 40.4%. #318d9d color hex could be obtained by blending #62ffff with #001b3b. Closest websafe color is: #339999.

- R 19
- G 55
- B 62
RGB color chart
- C 69
- M 10
- Y 0
- K 38
CMYK color chart

● #318d9d color description : Dark moderate cyan.

The hexadecimal color #318d9d has RGB values of R:49, G:141, B:157 and CMYK values of C:0.69, M:0.1, Y:0, K:0.38. Its decimal value is 3247517.

Hex triplet	318d9d	`#318d9d`
RGB Decimal	49, 141, 157	`rgb(49,141,157)`
RGB Percent	19.2, 55.3, 61.6	`rgb(19.2%,55.3%,61.6%)`
CMYK	69, 10, 0, 38
HSL	188.9°, 52.4, 40.4	`hsl(188.9,52.4%,40.4%)`
HSV (or HSB)	188.9°, 68.8, 61.6
Web Safe	339999	`#339999`

CIE-LAB	54.171, -21.435, -16.384
XYZ	16.876, 22.136, 35.28
xyY	0.227, 0.298, 22.136
CIE-LCH	54.171, 26.98, 217.392
CIE-LUV	54.171, -34.789, -21.301
Hunter-Lab	47.048, -18.31, -11.525
Binary	00110001, 10001101, 10011101

#318d9d
```
#318d9d rgb(49,141,157)
```
#9d4131
```
#9d4131 rgb(157,65,49)
```

Complementary Color

#319d77
```
#319d77 rgb(49,157,119)
```
#318d9d
```
#318d9d rgb(49,141,157)
```
#31579d
```
#31579d rgb(49,87,157)
```

Analogous Color

#9d7731
```
#9d7731 rgb(157,119,49)
```
#318d9d
```
#318d9d rgb(49,141,157)
```
#9d3157
```
#9d3157 rgb(157,49,87)
```

Split Complementary Color

#8d9d31
```
#8d9d31 rgb(141,157,49)
```
#318d9d
```
#318d9d rgb(49,141,157)
```
#9d318d
```
#9d318d rgb(157,49,141)
```

Triadic Color

#319d41
```
#319d41 rgb(49,157,65)
```
#318d9d
```
#318d9d rgb(49,141,157)
```
#9d318d
```
#9d318d rgb(157,49,141)
```
#9d4131
```
#9d4131 rgb(157,65,49)
```

Tetradic Color

#1f5963
```
#1f5963 rgb(31,89,99)
```
#256a76
```
#256a76 rgb(37,106,118)
```
#2b7c8a
```
#2b7c8a rgb(43,124,138)
```
#318d9d
```
#318d9d rgb(49,141,157)
```
#379eb0
```
#379eb0 rgb(55,158,176)
```
#3eafc3
```
#3eafc3 rgb(62,175,195)
```
#52b7c9
```
#52b7c9 rgb(82,183,201)
```

Monochromatic Color

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

#319d92
```
#319d92 rgb(49,157,146)
```
#319d9b
```
#319d9b rgb(49,157,155)
```
#31969d
```
#31969d rgb(49,150,157)
```
#318d9d
```
#318d9d rgb(49,141,157)
```
#31849d
```
#31849d rgb(49,132,157)
```
#317b9d
```
#317b9d rgb(49,123,157)
```
#31729d
```
#31729d rgb(49,114,157)
```

Similar Colors

Text with hexadecimal color #318d9d

This text has a font color of #318d9d.

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

#318d9d background color

This paragraph has a background color of #318d9d.

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

#318d9d border color

This element has a border color of #318d9d.

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

CSS codes

.text {color:#318d9d;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#071416
```
#071416 rgb(7,20,22)
```
#0c2225
```
#0c2225 rgb(12,34,37)
```
#102f34
```
#102f34 rgb(16,47,52)
```
#153c43
```
#153c43 rgb(21,60,67)
```
#1a4a52
```
#1a4a52 rgb(26,74,82)
```
#1e5761
```
#1e5761 rgb(30,87,97)
```
#236570
```
#236570 rgb(35,101,112)
```
#28727f
```
#28727f rgb(40,114,127)
```
#2c808e
```
#2c808e rgb(44,128,142)
```
#318d9d
```
#318d9d rgb(49,141,157)
```
#369aac
```
#369aac rgb(54,154,172)
```
#3aa8bb
```
#3aa8bb rgb(58,168,187)
```

Shade Color Variation

#44b2c5
```
#44b2c5 rgb(68,178,197)
```
#53b8c9
```
#53b8c9 rgb(83,184,201)
```
#62bece
```
#62bece rgb(98,190,206)
```
#71c4d3
```
#71c4d3 rgb(113,196,211)
```
#80cad7
```
#80cad7 rgb(128,202,215)
```
#8fd1dc
```
#8fd1dc rgb(143,209,220)
```
#9ed7e1
```
#9ed7e1 rgb(158,215,225)
```
#addde5
```
#addde5 rgb(173,221,229)
```
#bce3ea
```
#bce3ea rgb(188,227,234)
```
#cbe9ef
```
#cbe9ef rgb(203,233,239)
```
#daf0f3
```
#daf0f3 rgb(218,240,243)
```
#e9f6f8
```
#e9f6f8 rgb(233,246,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616c6d is the less saturated color, while #01aecd is the most saturated one.

#616c6d
```
#616c6d rgb(97,108,109)
```
#597175
```
#597175 rgb(89,113,117)
```
#51777d
```
#51777d rgb(81,119,125)
```
#497c85
```
#497c85 rgb(73,124,133)
```
#41828d
```
#41828d rgb(65,130,141)
```
#398795
```
#398795 rgb(57,135,149)
```
#318d9d
```
#318d9d rgb(49,141,157)
```
#2993a5
```
#2993a5 rgb(41,147,165)
```
#2198ad
```
#2198ad rgb(33,152,173)
```
#199eb5
```
#199eb5 rgb(25,158,181)
```
#11a3bd
```
#11a3bd rgb(17,163,189)
```
#09a9c5
```
#09a9c5 rgb(9,169,197)
```
#01aecd
```
#01aecd rgb(1,174,205)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#66787b Atypical Achromatopsia 0.001% of the population

Dichromacy

#84879a Protanopia 1% of men
#8385a7 Deuteranopia 1% of men
#39939e Tritanopia 0.001% of the population

Trichromacy

#66899b Protanomaly 1% of men, 0.01% of women
#6588a3 Deuteranomaly 6% of men, 0.4% of women
#36919d Tritanomaly 0.01% of the population