#31a3c2 hex color

In a RGB color space, hex #31a3c2 is composed of 19.2% red, 63.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 16% magenta, 0% yellow and 23.9% black. It has a hue angle of 192.8 degrees, a saturation of 59.7% and a lightness of 47.6%. #31a3c2 color hex could be obtained by blending #62ffff with #004785. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 64
- B 76
RGB color chart
- C 75
- M 16
- Y 0
- K 24
CMYK color chart

● #31a3c2 color description : Moderate cyan.

The hexadecimal color #31a3c2 has RGB values of R:49, G:163, B:194 and CMYK values of C:0.75, M:0.16, Y:0, K:0.24. Its decimal value is 3253186.

Hex triplet	31a3c2	`#31a3c2`
RGB Decimal	49, 163, 194	`rgb(49,163,194)`
RGB Percent	19.2, 63.9, 76.1	`rgb(19.2%,63.9%,76.1%)`
CMYK	75, 16, 0, 24
HSL	192.8°, 59.7, 47.6	`hsl(192.8,59.7%,47.6%)`
HSV (or HSB)	192.8°, 74.7, 76.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.288, -20.985, -24.974
XYZ	24.099, 30.74, 55.699
xyY	0.218, 0.278, 30.74
CIE-LCH	62.288, 32.62, 229.961
CIE-LUV	62.288, -40.538, -35.793
Hunter-Lab	55.444, -19.441, -20.752
Binary	00110001, 10100011, 11000010

#31a3c2
```
#31a3c2 rgb(49,163,194)
```
#c25031
```
#c25031 rgb(194,80,49)
```

Complementary Color

#31c299
```
#31c299 rgb(49,194,153)
```
#31a3c2
```
#31a3c2 rgb(49,163,194)
```
#315bc2
```
#315bc2 rgb(49,91,194)
```

Analogous Color

#c29931
```
#c29931 rgb(194,153,49)
```
#31a3c2
```
#31a3c2 rgb(49,163,194)
```
#c2315b
```
#c2315b rgb(194,49,91)
```

Split Complementary Color

#a3c231
```
#a3c231 rgb(163,194,49)
```
#31a3c2
```
#31a3c2 rgb(49,163,194)
```
#c231a3
```
#c231a3 rgb(194,49,163)
```

Triadic Color

#31c250
```
#31c250 rgb(49,194,80)
```
#31a3c2
```
#31a3c2 rgb(49,163,194)
```
#c231a3
```
#c231a3 rgb(194,49,163)
```
#c25031
```
#c25031 rgb(194,80,49)
```

Tetradic Color

#227085
```
#227085 rgb(34,112,133)
```
#278199
```
#278199 rgb(39,129,153)
```
#2c92ae
```
#2c92ae rgb(44,146,174)
```
#31a3c2
```
#31a3c2 rgb(49,163,194)
```
#3eafce
```
#3eafce rgb(62,175,206)
```
#53b8d3
```
#53b8d3 rgb(83,184,211)
```
#67c0d9
```
#67c0d9 rgb(103,192,217)
```

Monochromatic Color

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

#31c2bd
```
#31c2bd rgb(49,194,189)
```
#31bbc2
```
#31bbc2 rgb(49,187,194)
```
#31afc2
```
#31afc2 rgb(49,175,194)
```
#31a3c2
```
#31a3c2 rgb(49,163,194)
```
#3197c2
```
#3197c2 rgb(49,151,194)
```
#318bc2
```
#318bc2 rgb(49,139,194)
```
#317fc2
```
#317fc2 rgb(49,127,194)
```

Similar Colors

Text with hexadecimal color #31a3c2

This text has a font color of #31a3c2.

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

#31a3c2 background color

This paragraph has a background color of #31a3c2.

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

#31a3c2 border color

This element has a border color of #31a3c2.

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

CSS codes

.text {color:#31a3c2;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#051216
```
#051216 rgb(5,18,22)
```
#091f25
```
#091f25 rgb(9,31,37)
```
#0d2d35
```
#0d2d35 rgb(13,45,53)
```
#113a45
```
#113a45 rgb(17,58,69)
```
#154754
```
#154754 rgb(21,71,84)
```
#195464
```
#195464 rgb(25,84,100)
```
#1d6174
```
#1d6174 rgb(29,97,116)
```
#216e83
```
#216e83 rgb(33,110,131)
```
#257c93
```
#257c93 rgb(37,124,147)
```
#2989a3
```
#2989a3 rgb(41,137,163)
```
#2d96b2
```
#2d96b2 rgb(45,150,178)
```
#31a3c2
```
#31a3c2 rgb(49,163,194)
```

Shade Color Variation

#39aecd
```
#39aecd rgb(57,174,205)
```
#49b4d1
```
#49b4d1 rgb(73,180,209)
```
#59bad5
```
#59bad5 rgb(89,186,213)
```
#68c1d9
```
#68c1d9 rgb(104,193,217)
```
#78c7dd
```
#78c7dd rgb(120,199,221)
```
#88cee1
```
#88cee1 rgb(136,206,225)
```
#97d4e5
```
#97d4e5 rgb(151,212,229)
```
#a7dbe9
```
#a7dbe9 rgb(167,219,233)
```
#b7e1ed
```
#b7e1ed rgb(183,225,237)
```
#c6e8f1
```
#c6e8f1 rgb(198,232,241)
```
#d6eef5
```
#d6eef5 rgb(214,238,245)
```
#e6f5f9
```
#e6f5f9 rgb(230,245,249)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727e81 is the less saturated color, while #02bef1 is the most saturated one.

#727e81
```
#727e81 rgb(114,126,129)
```
#69838a
```
#69838a rgb(105,131,138)
```
#608893
```
#608893 rgb(96,136,147)
```
#568e9d
```
#568e9d rgb(86,142,157)
```
#4d93a6
```
#4d93a6 rgb(77,147,166)
```
#4498af
```
#4498af rgb(68,152,175)
```
#3a9eb9
```
#3a9eb9 rgb(58,158,185)
```
#31a3c2
```
#31a3c2 rgb(49,163,194)
```
#28a8cb
```
#28a8cb rgb(40,168,203)
```
#1eaed5
```
#1eaed5 rgb(30,174,213)
```
#15b3de
```
#15b3de rgb(21,179,222)
```
#0cb8e7
```
#0cb8e7 rgb(12,184,231)
```
#02bef1
```
#02bef1 rgb(2,190,241)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#738a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#939abc Protanopia 1% of men
#8f99ca Deuteranopia 1% of men
#2caab6 Tritanopia 0.001% of the population

Trichromacy

#6f9dbe Protanomaly 1% of men, 0.01% of women
#6c9dc7 Deuteranomaly 6% of men, 0.4% of women
#2ea7ba Tritanomaly 0.01% of the population

#31a3c2 hex color

#31a3c2 Color Information

#31a3c2 Color Conversion

Color Schemes with #31a3c2

Alternatives to #31a3c2

#31a3c2 Preview

Shades and Tints of #31a3c2

Tones of #31a3c2

Color Blindness Simulator