#318fa7 hex color

In a RGB color space, hex #318fa7 is composed of 19.2% red, 56.1% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 14.4% magenta, 0% yellow and 34.5% black. It has a hue angle of 192.2 degrees, a saturation of 54.6% and a lightness of 42.4%. #318fa7 color hex could be obtained by blending #62ffff with #001f4f. Closest websafe color is: #339999.

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

● #318fa7 color description : Dark cyan.

The hexadecimal color #318fa7 has RGB values of R:49, G:143, B:167 and CMYK values of C:0.71, M:0.14, Y:0, K:0.35. Its decimal value is 3248039.

Hex triplet	318fa7	`#318fa7`
RGB Decimal	49, 143, 167	`rgb(49,143,167)`
RGB Percent	19.2, 56.1, 65.5	`rgb(19.2%,56.1%,65.5%)`
CMYK	71, 14, 0, 35
HSL	192.2°, 54.6, 42.4	`hsl(192.2,54.6%,42.4%)`
HSV (or HSB)	192.2°, 70.7, 65.5
Web Safe	339999	`#339999`

CIE-LAB	55.161, -19.267, -20.621
XYZ	18.062, 23.086, 40.061
xyY	0.222, 0.284, 23.086
CIE-LCH	55.161, 28.221, 226.944
CIE-LUV	55.161, -34.945, -28.343
Hunter-Lab	48.048, -16.983, -15.801
Binary	00110001, 10001111, 10100111

#318fa7
```
#318fa7 rgb(49,143,167)
```
#a74931
```
#a74931 rgb(167,73,49)
```

Complementary Color

#31a784
```
#31a784 rgb(49,167,132)
```
#318fa7
```
#318fa7 rgb(49,143,167)
```
#3154a7
```
#3154a7 rgb(49,84,167)
```

Analogous Color

#a78431
```
#a78431 rgb(167,132,49)
```
#318fa7
```
#318fa7 rgb(49,143,167)
```
#a73154
```
#a73154 rgb(167,49,84)
```

Split Complementary Color

#8fa731
```
#8fa731 rgb(143,167,49)
```
#318fa7
```
#318fa7 rgb(49,143,167)
```
#a7318f
```
#a7318f rgb(167,49,143)
```

Triadic Color

#31a749
```
#31a749 rgb(49,167,73)
```
#318fa7
```
#318fa7 rgb(49,143,167)
```
#a7318f
```
#a7318f rgb(167,49,143)
```
#a74931
```
#a74931 rgb(167,73,49)
```

Tetradic Color

#205c6c
```
#205c6c rgb(32,92,108)
```
#256d80
```
#256d80 rgb(37,109,128)
```
#2b7e93
```
#2b7e93 rgb(43,126,147)
```
#318fa7
```
#318fa7 rgb(49,143,167)
```
#37a0bb
```
#37a0bb rgb(55,160,187)
```
#43adc8
```
#43adc8 rgb(67,173,200)
```
#57b5ce
```
#57b5ce rgb(87,181,206)
```

Monochromatic Color

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

#31a7a2
```
#31a7a2 rgb(49,167,162)
```
#31a3a7
```
#31a3a7 rgb(49,163,167)
```
#3199a7
```
#3199a7 rgb(49,153,167)
```
#318fa7
```
#318fa7 rgb(49,143,167)
```
#3185a7
```
#3185a7 rgb(49,133,167)
```
#317ba7
```
#317ba7 rgb(49,123,167)
```
#3172a7
```
#3172a7 rgb(49,114,167)
```

Similar Colors

Text with hexadecimal color #318fa7

This text has a font color of #318fa7.

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

#318fa7 background color

This paragraph has a background color of #318fa7.

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

#318fa7 border color

This element has a border color of #318fa7.

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

CSS codes

.text {color:#318fa7;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050d0f
```
#050d0f rgb(5,13,15)
```
#091a1f
```
#091a1f rgb(9,26,31)
```
#0d272e
```
#0d272e rgb(13,39,46)
```
#12343d
```
#12343d rgb(18,52,61)
```
#16414c
```
#16414c rgb(22,65,76)
```
#1b4e5b
```
#1b4e5b rgb(27,78,91)
```
#1f5b6a
```
#1f5b6a rgb(31,91,106)
```
#24687a
```
#24687a rgb(36,104,122)
```
#287589
```
#287589 rgb(40,117,137)
```
#2d8298
```
#2d8298 rgb(45,130,152)
```
#318fa7
```
#318fa7 rgb(49,143,167)
```
#359cb6
```
#359cb6 rgb(53,156,182)
```

Shade Color Variation

#3aa9c5
```
#3aa9c5 rgb(58,169,197)
```
#49b0ca
```
#49b0ca rgb(73,176,202)
```
#58b6ce
```
#58b6ce rgb(88,182,206)
```
#68bdd3
```
#68bdd3 rgb(104,189,211)
```
#77c3d7
```
#77c3d7 rgb(119,195,215)
```
#86cadb
```
#86cadb rgb(134,202,219)
```
#95d1e0
```
#95d1e0 rgb(149,209,224)
```
#a4d7e4
```
#a4d7e4 rgb(164,215,228)
```
#b3dee9
```
#b3dee9 rgb(179,222,233)
```
#c3e5ed
```
#c3e5ed rgb(195,229,237)
```
#d2ebf2
```
#d2ebf2 rgb(210,235,242)
```
#e1f2f6
```
#e1f2f6 rgb(225,242,246)
```
#f0f8fb
```
#f0f8fb rgb(240,248,251)
```

Tint Color Variation

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

#6b6d6d
```
#6b6d6d rgb(107,109,109)
```
#637175
```
#637175 rgb(99,113,117)
```
#5b767d
```
#5b767d rgb(91,118,125)
```
#527b86
```
#527b86 rgb(82,123,134)
```
#4a808e
```
#4a808e rgb(74,128,142)
```
#428596
```
#428596 rgb(66,133,150)
```
#398a9f
```
#398a9f rgb(57,138,159)
```
#318fa7
```
#318fa7 rgb(49,143,167)
```
#2994af
```
#2994af rgb(41,148,175)
```
#2099b8
```
#2099b8 rgb(32,153,184)
```
#189ec0
```
#189ec0 rgb(24,158,192)
```
#10a3c8
```
#10a3c8 rgb(16,163,200)
```
#07a8d1
```
#07a8d1 rgb(7,168,209)
```

Tone Color Variation

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

#8489a4 Protanopia 1% of men
#8188b0 Deuteranopia 1% of men
#3396a1 Tritanopia 0.001% of the population

Trichromacy

#658ba5 Protanomaly 1% of men, 0.01% of women
#648aac Deuteranomaly 6% of men, 0.4% of women
#3293a3 Tritanomaly 0.01% of the population

#318fa7 hex color

#318fa7 Color Information

#318fa7 Color Conversion

Color Schemes with #318fa7

Alternatives to #318fa7

#318fa7 Preview

Shades and Tints of #318fa7

Tones of #318fa7

Color Blindness Simulator