#31c0af hex color

In a RGB color space, hex #31c0af is composed of 19.2% red, 75.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 0% magenta, 8.9% yellow and 24.7% black. It has a hue angle of 172.9 degrees, a saturation of 59.3% and a lightness of 47.3%. #31c0af color hex could be obtained by blending #62ffff with #00815f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 75
- B 69
RGB color chart
- C 74
- M 0
- Y 9
- K 25
CMYK color chart

● #31c0af color description : Moderate cyan.

The hexadecimal color #31c0af has RGB values of R:49, G:192, B:175 and CMYK values of C:0.74, M:0, Y:0.09, K:0.25. Its decimal value is 3260591.

Hex triplet	31c0af	`#31c0af`
RGB Decimal	49, 192, 175	`rgb(49,192,175)`
RGB Percent	19.2, 75.3, 68.6	`rgb(19.2%,75.3%,68.6%)`
CMYK	74, 0, 9, 25
HSL	172.9°, 59.3, 47.3	`hsl(172.9,59.3%,47.3%)`
HSV (or HSB)	172.9°, 74.5, 75.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.486, -40.683, -2.129
XYZ	27.852, 41.445, 47.087
xyY	0.239, 0.356, 41.445
CIE-LCH	70.486, 40.738, 182.996
CIE-LUV	70.486, -52.193, 3.071
Hunter-Lab	64.378, -35.437, 1.699
Binary	00110001, 11000000, 10101111

#31c0af
```
#31c0af rgb(49,192,175)
```
#c03142
```
#c03142 rgb(192,49,66)
```

Complementary Color

#31c068
```
#31c068 rgb(49,192,104)
```
#31c0af
```
#31c0af rgb(49,192,175)
```
#318ac0
```
#318ac0 rgb(49,138,192)
```

Analogous Color

#c06831
```
#c06831 rgb(192,104,49)
```
#31c0af
```
#31c0af rgb(49,192,175)
```
#c0318a
```
#c0318a rgb(192,49,138)
```

Split Complementary Color

#c0af31
```
#c0af31 rgb(192,175,49)
```
#31c0af
```
#31c0af rgb(49,192,175)
```
#af31c0
```
#af31c0 rgb(175,49,192)
```

Triadic Color

#42c031
```
#42c031 rgb(66,192,49)
```
#31c0af
```
#31c0af rgb(49,192,175)
```
#af31c0
```
#af31c0 rgb(175,49,192)
```
#c03142
```
#c03142 rgb(192,49,66)
```

Tetradic Color

#218377
```
#218377 rgb(33,131,119)
```
#27978a
```
#27978a rgb(39,151,138)
```
#2cac9c
```
#2cac9c rgb(44,172,156)
```
#31c0af
```
#31c0af rgb(49,192,175)
```
#3dcdbc
```
#3dcdbc rgb(61,205,188)
```
#51d3c3
```
#51d3c3 rgb(81,211,195)
```
#66d8ca
```
#66d8ca rgb(102,216,202)
```

Monochromatic Color

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

#31c08b
```
#31c08b rgb(49,192,139)
```
#31c097
```
#31c097 rgb(49,192,151)
```
#31c0a3
```
#31c0a3 rgb(49,192,163)
```
#31c0af
```
#31c0af rgb(49,192,175)
```
#31c0bb
```
#31c0bb rgb(49,192,187)
```
#31b9c0
```
#31b9c0 rgb(49,185,192)
```
#31adc0
```
#31adc0 rgb(49,173,192)
```

Similar Colors

Text with hexadecimal color #31c0af

This text has a font color of #31c0af.

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

#31c0af background color

This paragraph has a background color of #31c0af.

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

#31c0af border color

This element has a border color of #31c0af.

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

CSS codes

.text {color:#31c0af;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051412
```
#051412 rgb(5,20,18)
```
#092421
```
#092421 rgb(9,36,33)
```
#0d332f
```
#0d332f rgb(13,51,47)
```
#11433d
```
#11433d rgb(17,67,61)
```
#15534b
```
#15534b rgb(21,83,75)
```
#19625a
```
#19625a rgb(25,98,90)
```
#1d7268
```
#1d7268 rgb(29,114,104)
```
#218176
```
#218176 rgb(33,129,118)
```
#259184
```
#259184 rgb(37,145,132)
```
#29a193
```
#29a193 rgb(41,161,147)
```
#2db0a1
```
#2db0a1 rgb(45,176,161)
```
#31c0af
```
#31c0af rgb(49,192,175)
```

Shade Color Variation

#38ccbb
```
#38ccbb rgb(56,204,187)
```
#48d0c0
```
#48d0c0 rgb(72,208,192)
```
#58d4c5
```
#58d4c5 rgb(88,212,197)
```
#67d8cb
```
#67d8cb rgb(103,216,203)
```
#77dcd0
```
#77dcd0 rgb(119,220,208)
```
#86e0d6
```
#86e0d6 rgb(134,224,214)
```
#96e4db
```
#96e4db rgb(150,228,219)
```
#a6e8e0
```
#a6e8e0 rgb(166,232,224)
```
#b5ece6
```
#b5ece6 rgb(181,236,230)
```
#c5f0eb
```
#c5f0eb rgb(197,240,235)
```
#d5f4f0
```
#d5f4f0 rgb(213,244,240)
```
#e4f8f6
```
#e4f8f6 rgb(228,248,246)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

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

#727f7e
```
#727f7e rgb(114,127,126)
```
#698885
```
#698885 rgb(105,136,133)
```
#5f928c
```
#5f928c rgb(95,146,140)
```
#569b93
```
#569b93 rgb(86,155,147)
```
#4da49a
```
#4da49a rgb(77,164,154)
```
#44ada1
```
#44ada1 rgb(68,173,161)
```
#3ab7a8
```
#3ab7a8 rgb(58,183,168)
```
#31c0af
```
#31c0af rgb(49,192,175)
```
#28c9b6
```
#28c9b6 rgb(40,201,182)
```
#1ed3bd
```
#1ed3bd rgb(30,211,189)
```
#15dcc4
```
#15dcc4 rgb(21,220,196)
```
#0ce5cb
```
#0ce5cb rgb(12,229,203)
```
#03eed2
```
#03eed2 rgb(3,238,210)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7f9c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5afa9 Protanopia 1% of men
#bbabbb Deuteranopia 1% of men
#4ebfcd Tritanopia 0.001% of the population

Trichromacy

#85b5ab Protanomaly 1% of men, 0.01% of women
#89b3b6 Deuteranomaly 6% of men, 0.4% of women
#44bfc2 Tritanomaly 0.01% of the population

#31c0af hex color

#31c0af Color Information

#31c0af Color Conversion

Color Schemes with #31c0af

Alternatives to #31c0af

#31c0af Preview

Shades and Tints of #31c0af

Tones of #31c0af

Color Blindness Simulator