#318fa6 hex color

In a RGB color space, hex #318fa6 is composed of 19.2% red, 56.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 13.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 191.8 degrees, a saturation of 54.4% and a lightness of 42.2%. #318fa6 color hex could be obtained by blending #62ffff with #001f4d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 56
- B 65
RGB color chart
- C 70
- M 14
- Y 0
- K 35
CMYK color chart

● #318fa6 color description : Dark cyan.

The hexadecimal color #318fa6 has RGB values of R:49, G:143, B:166 and CMYK values of C:0.7, M:0.14, Y:0, K:0.35. Its decimal value is 3248038.

Hex triplet	318fa6	`#318fa6`
RGB Decimal	49, 143, 166	`rgb(49,143,166)`
RGB Percent	19.2, 56.1, 65.1	`rgb(19.2%,56.1%,65.1%)`
CMYK	70, 14, 0, 35
HSL	191.8°, 54.4, 42.2	`hsl(191.8,54.4%,42.2%)`
HSV (or HSB)	191.8°, 70.5, 65.1
Web Safe	339999	`#339999`

CIE-LAB	55.123, -19.593, -20.106
XYZ	17.97, 23.05, 39.576
xyY	0.223, 0.286, 23.05
CIE-LCH	55.123, 28.074, 225.74
CIE-LUV	55.123, -35.004, -27.478
Hunter-Lab	48.01, -17.205, -15.268
Binary	00110001, 10001111, 10100110

#318fa6
```
#318fa6 rgb(49,143,166)
```
#a64831
```
#a64831 rgb(166,72,49)
```

Complementary Color

#31a683
```
#31a683 rgb(49,166,131)
```
#318fa6
```
#318fa6 rgb(49,143,166)
```
#3155a6
```
#3155a6 rgb(49,85,166)
```

Analogous Color

#a68331
```
#a68331 rgb(166,131,49)
```
#318fa6
```
#318fa6 rgb(49,143,166)
```
#a63155
```
#a63155 rgb(166,49,85)
```

Split Complementary Color

#8fa631
```
#8fa631 rgb(143,166,49)
```
#318fa6
```
#318fa6 rgb(49,143,166)
```
#a6318f
```
#a6318f rgb(166,49,143)
```

Triadic Color

#31a648
```
#31a648 rgb(49,166,72)
```
#318fa6
```
#318fa6 rgb(49,143,166)
```
#a6318f
```
#a6318f rgb(166,49,143)
```
#a64831
```
#a64831 rgb(166,72,49)
```

Tetradic Color

#205c6b
```
#205c6b rgb(32,92,107)
```
#256d7f
```
#256d7f rgb(37,109,127)
```
#2b7e92
```
#2b7e92 rgb(43,126,146)
```
#318fa6
```
#318fa6 rgb(49,143,166)
```
#37a0ba
```
#37a0ba rgb(55,160,186)
```
#43adc7
```
#43adc7 rgb(67,173,199)
```
#56b6cd
```
#56b6cd rgb(86,182,205)
```

Monochromatic Color

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

#31a6a0
```
#31a6a0 rgb(49,166,160)
```
#31a3a6
```
#31a3a6 rgb(49,163,166)
```
#3199a6
```
#3199a6 rgb(49,153,166)
```
#318fa6
```
#318fa6 rgb(49,143,166)
```
#3185a6
```
#3185a6 rgb(49,133,166)
```
#317ca6
```
#317ca6 rgb(49,124,166)
```
#3172a6
```
#3172a6 rgb(49,114,166)
```

Similar Colors

Text with hexadecimal color #318fa6

This text has a font color of #318fa6.

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

#318fa6 background color

This paragraph has a background color of #318fa6.

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

#318fa6 border color

This element has a border color of #318fa6.

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

CSS codes

.text {color:#318fa6;}

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

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

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, #040d0f is the darkest color, while #feffff is the lightest one.

#040d0f
```
#040d0f rgb(4,13,15)
```
#091a1e
```
#091a1e rgb(9,26,30)
```
#0d272d
```
#0d272d rgb(13,39,45)
```
#12343c
```
#12343c rgb(18,52,60)
```
#16414b
```
#16414b rgb(22,65,75)
```
#1b4e5a
```
#1b4e5a rgb(27,78,90)
```
#1f5b69
```
#1f5b69 rgb(31,91,105)
```
#246879
```
#246879 rgb(36,104,121)
```
#287588
```
#287588 rgb(40,117,136)
```
#2d8297
```
#2d8297 rgb(45,130,151)
```
#318fa6
```
#318fa6 rgb(49,143,166)
```
#359cb5
```
#359cb5 rgb(53,156,181)
```
#3aa9c4
```
#3aa9c4 rgb(58,169,196)
```

Shade Color Variation

#49b0c9
```
#49b0c9 rgb(73,176,201)
```
#58b6ce
```
#58b6ce rgb(88,182,206)
```
#67bdd2
```
#67bdd2 rgb(103,189,210)
```
#76c4d7
```
#76c4d7 rgb(118,196,215)
```
#85cadb
```
#85cadb rgb(133,202,219)
```
#94d1e0
```
#94d1e0 rgb(148,209,224)
```
#a4d7e4
```
#a4d7e4 rgb(164,215,228)
```
#b3dee8
```
#b3dee8 rgb(179,222,232)
```
#c2e4ed
```
#c2e4ed rgb(194,228,237)
```
#d1ebf1
```
#d1ebf1 rgb(209,235,241)
```
#e0f2f6
```
#e0f2f6 rgb(224,242,246)
```
#eff8fa
```
#eff8fa rgb(239,248,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#6b6c6c
```
#6b6c6c rgb(107,108,108)
```
#637174
```
#637174 rgb(99,113,116)
```
#5a767d
```
#5a767d rgb(90,118,125)
```
#527b85
```
#527b85 rgb(82,123,133)
```
#4a808d
```
#4a808d rgb(74,128,141)
```
#428595
```
#428595 rgb(66,133,149)
```
#398a9e
```
#398a9e rgb(57,138,158)
```
#318fa6
```
#318fa6 rgb(49,143,166)
```
#2994ae
```
#2994ae rgb(41,148,174)
```
#2099b7
```
#2099b7 rgb(32,153,183)
```
#189ebf
```
#189ebf rgb(24,158,191)
```
#10a3c7
```
#10a3c7 rgb(16,163,199)
```
#08a8cf
```
#08a8cf rgb(8,168,207)
```

Tone Color Variation

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

#8489a3 Protanopia 1% of men
#8288af Deuteranopia 1% of men
#3496a1 Tritanopia 0.001% of the population

Trichromacy

#668ba4 Protanomaly 1% of men, 0.01% of women
#648aac Deuteranomaly 6% of men, 0.4% of women
#3393a3 Tritanomaly 0.01% of the population

#318fa6 hex color

#318fa6 Color Information

#318fa6 Color Conversion

Color Schemes with #318fa6

Alternatives to #318fa6

#318fa6 Preview

Shades and Tints of #318fa6

Tones of #318fa6

Color Blindness Simulator