#318faa hex color

In a RGB color space, hex #318faa is composed of 19.2% red, 56.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 15.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 193.4 degrees, a saturation of 55.3% and a lightness of 42.9%. #318faa color hex could be obtained by blending #62ffff with #001f55. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 56
- B 67
RGB color chart
- C 71
- M 16
- Y 0
- K 33
CMYK color chart

● #318faa color description : Dark cyan.

The hexadecimal color #318faa has RGB values of R:49, G:143, B:170 and CMYK values of C:0.71, M:0.16, Y:0, K:0.33. Its decimal value is 3248042.

Hex triplet	318faa	`#318faa`
RGB Decimal	49, 143, 170	`rgb(49,143,170)`
RGB Percent	19.2, 56.1, 66.7	`rgb(19.2%,56.1%,66.7%)`
CMYK	71, 16, 0, 33
HSL	193.4°, 55.3, 42.9	`hsl(193.4,55.3%,42.9%)`
HSV (or HSB)	193.4°, 71.2, 66.7
Web Safe	339999	`#339999`

CIE-LAB	55.276, -18.282, -22.164
XYZ	18.343, 23.199, 41.539
xyY	0.221, 0.279, 23.199
CIE-LCH	55.276, 28.731, 230.481
CIE-LUV	55.276, -34.772, -30.939
Hunter-Lab	48.165, -16.31, -17.418
Binary	00110001, 10001111, 10101010

#318faa
```
#318faa rgb(49,143,170)
```
#aa4c31
```
#aa4c31 rgb(170,76,49)
```

Complementary Color

#31aa89
```
#31aa89 rgb(49,170,137)
```
#318faa
```
#318faa rgb(49,143,170)
```
#3152aa
```
#3152aa rgb(49,82,170)
```

Analogous Color

#aa8931
```
#aa8931 rgb(170,137,49)
```
#318faa
```
#318faa rgb(49,143,170)
```
#aa3152
```
#aa3152 rgb(170,49,82)
```

Split Complementary Color

#8faa31
```
#8faa31 rgb(143,170,49)
```
#318faa
```
#318faa rgb(49,143,170)
```
#aa318f
```
#aa318f rgb(170,49,143)
```

Triadic Color

#31aa4c
```
#31aa4c rgb(49,170,76)
```
#318faa
```
#318faa rgb(49,143,170)
```
#aa318f
```
#aa318f rgb(170,49,143)
```
#aa4c31
```
#aa4c31 rgb(170,76,49)
```

Tetradic Color

#205d6f
```
#205d6f rgb(32,93,111)
```
#266e82
```
#266e82 rgb(38,110,130)
```
#2b7e96
```
#2b7e96 rgb(43,126,150)
```
#318faa
```
#318faa rgb(49,143,170)
```
#37a0be
```
#37a0be rgb(55,160,190)
```
#45acc9
```
#45acc9 rgb(69,172,201)
```
#58b5cf
```
#58b5cf rgb(88,181,207)
```

Monochromatic Color

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

#31aaa7
```
#31aaa7 rgb(49,170,167)
```
#31a3aa
```
#31a3aa rgb(49,163,170)
```
#3199aa
```
#3199aa rgb(49,153,170)
```
#318faa
```
#318faa rgb(49,143,170)
```
#3185aa
```
#3185aa rgb(49,133,170)
```
#317baa
```
#317baa rgb(49,123,170)
```
#3171aa
```
#3171aa rgb(49,113,170)
```

Similar Colors

Text with hexadecimal color #318faa

This text has a font color of #318faa.

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

#318faa background color

This paragraph has a background color of #318faa.

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

#318faa border color

This element has a border color of #318faa.

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

CSS codes

.text {color:#318faa;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050f12
```
#050f12 rgb(5,15,18)
```
#0a1c21
```
#0a1c21 rgb(10,28,33)
```
#0e2930
```
#0e2930 rgb(14,41,48)
```
#12353f
```
#12353f rgb(18,53,63)
```
#17424f
```
#17424f rgb(23,66,79)
```
#1b4f5e
```
#1b4f5e rgb(27,79,94)
```
#1f5c6d
```
#1f5c6d rgb(31,92,109)
```
#24697c
```
#24697c rgb(36,105,124)
```
#28758c
```
#28758c rgb(40,117,140)
```
#2d829b
```
#2d829b rgb(45,130,155)
```
#318faa
```
#318faa rgb(49,143,170)
```
#359cb9
```
#359cb9 rgb(53,156,185)
```

Shade Color Variation

#3ca8c7
```
#3ca8c7 rgb(60,168,199)
```
#4baecb
```
#4baecb rgb(75,174,203)
```
#5ab5cf
```
#5ab5cf rgb(90,181,207)
```
#69bcd4
```
#69bcd4 rgb(105,188,212)
```
#78c3d8
```
#78c3d8 rgb(120,195,216)
```
#88cadd
```
#88cadd rgb(136,202,221)
```
#97d0e1
```
#97d0e1 rgb(151,208,225)
```
#a6d7e5
```
#a6d7e5 rgb(166,215,229)
```
#b5deea
```
#b5deea rgb(181,222,234)
```
#c5e5ee
```
#c5e5ee rgb(197,229,238)
```
#d4ecf3
```
#d4ecf3 rgb(212,236,243)
```
#e3f3f7
```
#e3f3f7 rgb(227,243,247)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6e6f is the less saturated color, while #07a6d4 is the most saturated one.

#6c6e6f
```
#6c6e6f rgb(108,110,111)
```
#647377
```
#647377 rgb(100,115,119)
```
#5b7880
```
#5b7880 rgb(91,120,128)
```
#537c88
```
#537c88 rgb(83,124,136)
```
#4a8191
```
#4a8191 rgb(74,129,145)
```
#428699
```
#428699 rgb(66,134,153)
```
#398aa2
```
#398aa2 rgb(57,138,162)
```
#318faa
```
#318faa rgb(49,143,170)
```
#2994b2
```
#2994b2 rgb(41,148,178)
```
#2098bb
```
#2098bb rgb(32,152,187)
```
#189dc3
```
#189dc3 rgb(24,157,195)
```
#0fa2cc
```
#0fa2cc rgb(15,162,204)
```
#07a6d4
```
#07a6d4 rgb(7,166,212)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#687b80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8389a7 Protanopia 1% of men
#8088b3 Deuteranopia 1% of men
#3197a2 Tritanopia 0.001% of the population

Trichromacy

#658ba8 Protanomaly 1% of men, 0.01% of women
#638baf Deuteranomaly 6% of men, 0.4% of women
#3194a4 Tritanomaly 0.01% of the population

#318faa hex color

#318faa Color Information

#318faa Color Conversion

Color Schemes with #318faa

Alternatives to #318faa

#318faa Preview

Shades and Tints of #318faa

Tones of #318faa

Color Blindness Simulator