#31a3ab hex color

In a RGB color space, hex #31a3ab is composed of 19.2% red, 63.9% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 4.7% magenta, 0% yellow and 32.9% black. It has a hue angle of 183.9 degrees, a saturation of 55.5% and a lightness of 43.1%. #31a3ab color hex could be obtained by blending #62ffff with #004757. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 64
- B 67
RGB color chart
- C 71
- M 5
- Y 0
- K 33
CMYK color chart

● #31a3ab color description : Dark cyan.

The hexadecimal color #31a3ab has RGB values of R:49, G:163, B:171 and CMYK values of C:0.71, M:0.05, Y:0, K:0.33. Its decimal value is 3253163.

Hex triplet	31a3ab	`#31a3ab`
RGB Decimal	49, 163, 171	`rgb(49,163,171)`
RGB Percent	19.2, 63.9, 67.1	`rgb(19.2%,63.9%,67.1%)`
CMYK	71, 5, 0, 33
HSL	183.9°, 55.5, 43.1	`hsl(183.9,55.5%,43.1%)`
HSV (or HSB)	183.9°, 71.3, 67.1
Web Safe	339999	`#339999`

CIE-LAB	61.469, -28.266, -13.316
XYZ	21.712, 29.786, 43.131
xyY	0.229, 0.315, 29.786
CIE-LCH	61.469, 31.246, 205.225
CIE-LUV	61.469, -42.016, -15.961
Hunter-Lab	54.576, -24.495, -8.653
Binary	00110001, 10100011, 10101011

#31a3ab
```
#31a3ab rgb(49,163,171)
```
#ab3931
```
#ab3931 rgb(171,57,49)
```

Complementary Color

#31ab76
```
#31ab76 rgb(49,171,118)
```
#31a3ab
```
#31a3ab rgb(49,163,171)
```
#3166ab
```
#3166ab rgb(49,102,171)
```

Analogous Color

#ab7631
```
#ab7631 rgb(171,118,49)
```
#31a3ab
```
#31a3ab rgb(49,163,171)
```
#ab3166
```
#ab3166 rgb(171,49,102)
```

Split Complementary Color

#a3ab31
```
#a3ab31 rgb(163,171,49)
```
#31a3ab
```
#31a3ab rgb(49,163,171)
```
#ab31a3
```
#ab31a3 rgb(171,49,163)
```

Triadic Color

#31ab39
```
#31ab39 rgb(49,171,57)
```
#31a3ab
```
#31a3ab rgb(49,163,171)
```
#ab31a3
```
#ab31a3 rgb(171,49,163)
```
#ab3931
```
#ab3931 rgb(171,57,49)
```

Tetradic Color

#206a70
```
#206a70 rgb(32,106,112)
```
#267d83
```
#267d83 rgb(38,125,131)
```
#2b9097
```
#2b9097 rgb(43,144,151)
```
#31a3ab
```
#31a3ab rgb(49,163,171)
```
#37b6bf
```
#37b6bf rgb(55,182,191)
```
#45c1ca
```
#45c1ca rgb(69,193,202)
```
#59c8cf
```
#59c8cf rgb(89,200,207)
```

Monochromatic Color

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

#31ab95
```
#31ab95 rgb(49,171,149)
```
#31ab9f
```
#31ab9f rgb(49,171,159)
```
#31aba9
```
#31aba9 rgb(49,171,169)
```
#31a3ab
```
#31a3ab rgb(49,163,171)
```
#3199ab
```
#3199ab rgb(49,153,171)
```
#318fab
```
#318fab rgb(49,143,171)
```
#3185ab
```
#3185ab rgb(49,133,171)
```

Similar Colors

Text with hexadecimal color #31a3ab

This text has a font color of #31a3ab.

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

#31a3ab background color

This paragraph has a background color of #31a3ab.

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

#31a3ab border color

This element has a border color of #31a3ab.

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

CSS codes

.text {color:#31a3ab;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051213
```
#051213 rgb(5,18,19)
```
#0a2022
```
#0a2022 rgb(10,32,34)
```
#0e2f31
```
#0e2f31 rgb(14,47,49)
```
#123d40
```
#123d40 rgb(18,61,64)
```
#174c50
```
#174c50 rgb(23,76,80)
```
#1b5a5f
```
#1b5a5f rgb(27,90,95)
```
#20696e
```
#20696e rgb(32,105,110)
```
#24777d
```
#24777d rgb(36,119,125)
```
#28868d
```
#28868d rgb(40,134,141)
```
#2d949c
```
#2d949c rgb(45,148,156)
```
#31a3ab
```
#31a3ab rgb(49,163,171)
```
#35b2ba
```
#35b2ba rgb(53,178,186)
```

Shade Color Variation

#3cbec7
```
#3cbec7 rgb(60,190,199)
```
#4bc3cc
```
#4bc3cc rgb(75,195,204)
```
#5bc8d0
```
#5bc8d0 rgb(91,200,208)
```
#6acdd4
```
#6acdd4 rgb(106,205,212)
```
#79d2d9
```
#79d2d9 rgb(121,210,217)
```
#88d7dd
```
#88d7dd rgb(136,215,221)
```
#98dde1
```
#98dde1 rgb(152,221,225)
```
#a7e2e6
```
#a7e2e6 rgb(167,226,230)
```
#b6e7ea
```
#b6e7ea rgb(182,231,234)
```
#c5ecee
```
#c5ecee rgb(197,236,238)
```
#d5f1f3
```
#d5f1f3 rgb(213,241,243)
```
#e4f6f7
```
#e4f6f7 rgb(228,246,247)
```
#f3fbfc
```
#f3fbfc rgb(243,251,252)
```

Tint Color Variation

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

#6c7070
```
#6c7070 rgb(108,112,112)
```
#647778
```
#647778 rgb(100,119,120)
```
#5b7e81
```
#5b7e81 rgb(91,126,129)
```
#538689
```
#538689 rgb(83,134,137)
```
#4a8d92
```
#4a8d92 rgb(74,141,146)
```
#42949a
```
#42949a rgb(66,148,154)
```
#399ca3
```
#399ca3 rgb(57,156,163)
```
#31a3ab
```
#31a3ab rgb(49,163,171)
```
#29aab3
```
#29aab3 rgb(41,170,179)
```
#20b2bc
```
#20b2bc rgb(32,178,188)
```
#18b9c4
```
#18b9c4 rgb(24,185,196)
```
#0fc0cd
```
#0fc0cd rgb(15,192,205)
```
#07c8d5
```
#07c8d5 rgb(7,200,213)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#72898a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9898a6 Protanopia 1% of men
#9996b5 Deuteranopia 1% of men
#3ea7b3 Tritanopia 0.001% of the population

Trichromacy

#729ca8 Protanomaly 1% of men, 0.01% of women
#739bb1 Deuteranomaly 6% of men, 0.4% of women
#39a5b0 Tritanomaly 0.01% of the population

#31a3ab hex color

#31a3ab Color Information

#31a3ab Color Conversion

Color Schemes with #31a3ab

Alternatives to #31a3ab

#31a3ab Preview

Shades and Tints of #31a3ab

Tones of #31a3ab

Color Blindness Simulator