#31afb1 hex color

In a RGB color space, hex #31afb1 is composed of 19.2% red, 68.6% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 1.1% magenta, 0% yellow and 30.6% black. It has a hue angle of 180.9 degrees, a saturation of 56.6% and a lightness of 44.3%. #31afb1 color hex could be obtained by blending #62ffff with #005f63. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 69
- B 69
RGB color chart
- C 72
- M 1
- Y 0
- K 31
CMYK color chart

● #31afb1 color description : Dark cyan.

The hexadecimal color #31afb1 has RGB values of R:49, G:175, B:177 and CMYK values of C:0.72, M:0.01, Y:0, K:0.31. Its decimal value is 3256241.

Hex triplet	31afb1	`#31afb1`
RGB Decimal	49, 175, 177	`rgb(49,175,177)`
RGB Percent	19.2, 68.6, 69.4	`rgb(19.2%,68.6%,69.4%)`
CMYK	72, 1, 0, 31
HSL	180.9°, 56.6, 44.3	`hsl(180.9,56.6%,44.3%)`
HSV (or HSB)	180.9°, 72.3, 69.4
Web Safe	339999	`#339999`

CIE-LAB	65.346, -32.289, -10.852
XYZ	24.53, 34.485, 46.956
xyY	0.231, 0.325, 34.485
CIE-LCH	65.346, 34.064, 198.577
CIE-LUV	65.346, -45.967, -11.642
Hunter-Lab	58.724, -28.204, -6.302
Binary	00110001, 10101111, 10110001

#31afb1
```
#31afb1 rgb(49,175,177)
```
#b13331
```
#b13331 rgb(177,51,49)
```

Complementary Color

#31b173
```
#31b173 rgb(49,177,115)
```
#31afb1
```
#31afb1 rgb(49,175,177)
```
#316fb1
```
#316fb1 rgb(49,111,177)
```

Analogous Color

#b17331
```
#b17331 rgb(177,115,49)
```
#31afb1
```
#31afb1 rgb(49,175,177)
```
#b1316f
```
#b1316f rgb(177,49,111)
```

Split Complementary Color

#afb131
```
#afb131 rgb(175,177,49)
```
#31afb1
```
#31afb1 rgb(49,175,177)
```
#b131af
```
#b131af rgb(177,49,175)
```

Triadic Color

#31b133
```
#31b133 rgb(49,177,51)
```
#31afb1
```
#31afb1 rgb(49,175,177)
```
#b131af
```
#b131af rgb(177,49,175)
```
#b13331
```
#b13331 rgb(177,51,49)
```

Tetradic Color

#207475
```
#207475 rgb(32,116,117)
```
#268889
```
#268889 rgb(38,136,137)
```
#2b9b9d
```
#2b9b9d rgb(43,155,157)
```
#31afb1
```
#31afb1 rgb(49,175,177)
```
#37c3c5
```
#37c3c5 rgb(55,195,197)
```
#49cacc
```
#49cacc rgb(73,202,204)
```
#5cd0d2
```
#5cd0d2 rgb(92,208,210)
```

Monochromatic Color

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

#31b193
```
#31b193 rgb(49,177,147)
```
#31b19e
```
#31b19e rgb(49,177,158)
```
#31b1a8
```
#31b1a8 rgb(49,177,168)
```
#31afb1
```
#31afb1 rgb(49,175,177)
```
#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#319ab1
```
#319ab1 rgb(49,154,177)
```
#318fb1
```
#318fb1 rgb(49,143,177)
```

Similar Colors

Text with hexadecimal color #31afb1

This text has a font color of #31afb1.

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

#31afb1 background color

This paragraph has a background color of #31afb1.

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

#31afb1 border color

This element has a border color of #31afb1.

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

CSS codes

.text {color:#31afb1;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#061717
```
#061717 rgb(6,23,23)
```
#0b2627
```
#0b2627 rgb(11,38,39)
```
#0f3536
```
#0f3536 rgb(15,53,54)
```
#134545
```
#134545 rgb(19,69,69)
```
#175455
```
#175455 rgb(23,84,85)
```
#1c6364
```
#1c6364 rgb(28,99,100)
```
#207274
```
#207274 rgb(32,114,116)
```
#248183
```
#248183 rgb(36,129,131)
```
#289192
```
#289192 rgb(40,145,146)
```
#2da0a2
```
#2da0a2 rgb(45,160,162)
```
#31afb1
```
#31afb1 rgb(49,175,177)
```
#35bec0
```
#35bec0 rgb(53,190,192)
```

Shade Color Variation

#3fc8ca
```
#3fc8ca rgb(63,200,202)
```
#4fccce
```
#4fccce rgb(79,204,206)
```
#5ed1d2
```
#5ed1d2 rgb(94,209,210)
```
#6dd5d7
```
#6dd5d7 rgb(109,213,215)
```
#7dd9db
```
#7dd9db rgb(125,217,219)
```
#8cdedf
```
#8cdedf rgb(140,222,223)
```
#9be2e3
```
#9be2e3 rgb(155,226,227)
```
#abe7e8
```
#abe7e8 rgb(171,231,232)
```
#baebec
```
#baebec rgb(186,235,236)
```
#caf0f0
```
#caf0f0 rgb(202,240,240)
```
#d9f4f4
```
#d9f4f4 rgb(217,244,244)
```
#e8f8f9
```
#e8f8f9 rgb(232,248,249)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#6e7474
```
#6e7474 rgb(110,116,116)
```
#657c7d
```
#657c7d rgb(101,124,125)
```
#5c8586
```
#5c8586 rgb(92,133,134)
```
#548d8e
```
#548d8e rgb(84,141,142)
```
#4b9697
```
#4b9697 rgb(75,150,151)
```
#429ea0
```
#429ea0 rgb(66,158,160)
```
#3aa7a8
```
#3aa7a8 rgb(58,167,168)
```
#31afb1
```
#31afb1 rgb(49,175,177)
```
#28b7ba
```
#28b7ba rgb(40,183,186)
```
#20c0c2
```
#20c0c2 rgb(32,192,194)
```
#17c8cb
```
#17c8cb rgb(23,200,203)
```
#0ed1d4
```
#0ed1d4 rgb(14,209,212)
```
#06d9dc
```
#06d9dc rgb(6,217,220)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a2ab Protanopia 1% of men
#a6a0bc Deuteranopia 1% of men
#43b1be Tritanopia 0.001% of the population

Trichromacy

#7aa7ad Protanomaly 1% of men, 0.01% of women
#7ba5b8 Deuteranomaly 6% of men, 0.4% of women
#3cb0b9 Tritanomaly 0.01% of the population

#31afb1 hex color

#31afb1 Color Information

#31afb1 Color Conversion

Color Schemes with #31afb1

Alternatives to #31afb1

#31afb1 Preview

Shades and Tints of #31afb1

Tones of #31afb1

Color Blindness Simulator