#31afd4 hex color

In a RGB color space, hex #31afd4 is composed of 19.2% red, 68.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 17.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 193.6 degrees, a saturation of 65.5% and a lightness of 51.2%. #31afd4 color hex could be obtained by blending #62ffff with #005fa9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 69
- B 83
RGB color chart
- C 77
- M 17
- Y 0
- K 17
CMYK color chart

● #31afd4 color description : Strong cyan.

The hexadecimal color #31afd4 has RGB values of R:49, G:175, B:212 and CMYK values of C:0.77, M:0.17, Y:0, K:0.17. Its decimal value is 3256276.

Hex triplet	31afd4	`#31afd4`
RGB Decimal	49, 175, 212	`rgb(49,175,212)`
RGB Percent	19.2, 68.6, 83.1	`rgb(19.2%,68.6%,83.1%)`
CMYK	77, 17, 0, 17
HSL	193.6°, 65.5, 51.2	`hsl(193.6,65.5%,51.2%)`
HSV (or HSB)	193.6°, 76.9, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.569, -21.328, -28.38
XYZ	28.477, 36.064, 67.744
xyY	0.215, 0.273, 36.064
CIE-LCH	66.569, 35.5, 233.074
CIE-LUV	66.569, -43.631, -41.769
Hunter-Lab	60.053, -20.449, -24.846
Binary	00110001, 10101111, 11010100

#31afd4
```
#31afd4 rgb(49,175,212)
```
#d45631
```
#d45631 rgb(212,86,49)
```

Complementary Color

#31d4a8
```
#31d4a8 rgb(49,212,168)
```
#31afd4
```
#31afd4 rgb(49,175,212)
```
#315ed4
```
#315ed4 rgb(49,94,212)
```

Analogous Color

#d4a831
```
#d4a831 rgb(212,168,49)
```
#31afd4
```
#31afd4 rgb(49,175,212)
```
#d4315d
```
#d4315d rgb(212,49,93)
```

Split Complementary Color

#afd431
```
#afd431 rgb(175,212,49)
```
#31afd4
```
#31afd4 rgb(49,175,212)
```
#d431af
```
#d431af rgb(212,49,175)
```

Triadic Color

#31d456
```
#31d456 rgb(49,212,86)
```
#31afd4
```
#31afd4 rgb(49,175,212)
```
#d431af
```
#d431af rgb(212,49,175)
```
#d45631
```
#d45631 rgb(212,86,49)
```

Tetradic Color

#207d99
```
#207d99 rgb(32,125,153)
```
#248fae
```
#248fae rgb(36,143,174)
```
#29a0c3
```
#29a0c3 rgb(41,160,195)
```
#31afd4
```
#31afd4 rgb(49,175,212)
```
#46b7d8
```
#46b7d8 rgb(70,183,216)
```
#5bbfdd
```
#5bbfdd rgb(91,191,221)
```
#70c8e1
```
#70c8e1 rgb(112,200,225)
```

Monochromatic Color

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

#31d4d0
```
#31d4d0 rgb(49,212,208)
```
#31cad4
```
#31cad4 rgb(49,202,212)
```
#31bdd4
```
#31bdd4 rgb(49,189,212)
```
#31afd4
```
#31afd4 rgb(49,175,212)
```
#31a1d4
```
#31a1d4 rgb(49,161,212)
```
#3194d4
```
#3194d4 rgb(49,148,212)
```
#3186d4
```
#3186d4 rgb(49,134,212)
```

Similar Colors

Text with hexadecimal color #31afd4

This text has a font color of #31afd4.

<span style="color:#31afd4;">Text here</span>

#31afd4 background color

This paragraph has a background color of #31afd4.

<p style="background-color:#31afd4;">Content here</p>

#31afd4 border color

This element has a border color of #31afd4.

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

CSS codes

.text {color:#31afd4;}

.background {background-color:#31afd4;}

.border {border:1px solid #31afd4;}

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

#010405
```
#010405 rgb(1,4,5)
```
#041115
```
#041115 rgb(4,17,21)
```
#081f25
```
#081f25 rgb(8,31,37)
```
#0b2c36
```
#0b2c36 rgb(11,44,54)
```
#0f3946
```
#0f3946 rgb(15,57,70)
```
#124756
```
#124756 rgb(18,71,86)
```
#155466
```
#155466 rgb(21,84,102)
```
#196177
```
#196177 rgb(25,97,119)
```
#1c6f87
```
#1c6f87 rgb(28,111,135)
```
#207c97
```
#207c97 rgb(32,124,151)
```
#2389a7
```
#2389a7 rgb(35,137,167)
```
#2697b7
```
#2697b7 rgb(38,151,183)
```
#2aa4c8
```
#2aa4c8 rgb(42,164,200)
```

Shade Color Variation

#31afd4
```
#31afd4 rgb(49,175,212)
```
#41b5d7
```
#41b5d7 rgb(65,181,215)
```
#51bcdb
```
#51bcdb rgb(81,188,219)
```
#62c2de
```
#62c2de rgb(98,194,222)
```
#72c8e2
```
#72c8e2 rgb(114,200,226)
```
#82cfe5
```
#82cfe5 rgb(130,207,229)
```
#92d5e8
```
#92d5e8 rgb(146,213,232)
```
#a3dbec
```
#a3dbec rgb(163,219,236)
```
#b3e1ef
```
#b3e1ef rgb(179,225,239)
```
#c3e8f2
```
#c3e8f2 rgb(195,232,242)
```
#d3eef6
```
#d3eef6 rgb(211,238,246)
```
#e4f4f9
```
#e4f4f9 rgb(228,244,249)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8587 is the less saturated color, while #0bc4fa is the most saturated one.

#7e8587
```
#7e8587 rgb(126,133,135)
```
#748a91
```
#748a91 rgb(116,138,145)
```
#6a909b
```
#6a909b rgb(106,144,155)
```
#6195a4
```
#6195a4 rgb(97,149,164)
```
#579aae
```
#579aae rgb(87,154,174)
```
#4e9fb7
```
#4e9fb7 rgb(78,159,183)
```
#44a5c1
```
#44a5c1 rgb(68,165,193)
```
#3baaca
```
#3baaca rgb(59,170,202)
```
#31afd4
```
#31afd4 rgb(49,175,212)
```
#27b4de
```
#27b4de rgb(39,180,222)
```
#1eb9e7
```
#1eb9e7 rgb(30,185,231)
```
#14bff1
```
#14bff1 rgb(20,191,241)
```
#0bc4fa
```
#0bc4fa rgb(11,196,250)
```

Tone Color Variation

Below, you can see how #31afd4 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

#8e8e8e Achromatopsia 0.005% of the population
#7b959c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca5cd Protanopia 1% of men
#96a4db Deuteranopia 1% of men
#22b6c3 Tritanopia 0.001% of the population

Trichromacy

#75a8cf Protanomaly 1% of men, 0.01% of women
#71a8d9 Deuteranomaly 6% of men, 0.4% of women
#27b3c9 Tritanomaly 0.01% of the population

#31afd4 hex color

#31afd4 Color Information

#31afd4 Color Conversion

Color Schemes with #31afd4

Alternatives to #31afd4

#31afd4 Preview

Shades and Tints of #31afd4

Tones of #31afd4

Color Blindness Simulator