#31a4b1 hex color

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

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

● #31a4b1 color description : Dark cyan.

The hexadecimal color #31a4b1 has RGB values of R:49, G:164, B:177 and CMYK values of C:0.72, M:0.07, Y:0, K:0.31. Its decimal value is 3253425.

Hex triplet	31a4b1	`#31a4b1`
RGB Decimal	49, 164, 177	`rgb(49,164,177)`
RGB Percent	19.2, 64.3, 69.4	`rgb(19.2%,64.3%,69.4%)`
CMYK	72, 7, 0, 31
HSL	186.1°, 56.6, 44.3	`hsl(186.1,56.6%,44.3%)`
HSV (or HSB)	186.1°, 72.3, 69.4
Web Safe	339999	`#339999`

CIE-LAB	61.977, -26.918, -15.921
XYZ	22.476, 30.376, 46.271
xyY	0.227, 0.306, 30.376
CIE-LCH	61.977, 31.274, 210.603
CIE-LUV	61.977, -41.989, -20.303
Hunter-Lab	55.115, -23.659, -11.196
Binary	00110001, 10100100, 10110001

#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#b13e31
```
#b13e31 rgb(177,62,49)
```

Complementary Color

#31b17e
```
#31b17e rgb(49,177,126)
```
#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#3164b1
```
#3164b1 rgb(49,100,177)
```

Analogous Color

#b17e31
```
#b17e31 rgb(177,126,49)
```
#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#b13164
```
#b13164 rgb(177,49,100)
```

Split Complementary Color

#a4b131
```
#a4b131 rgb(164,177,49)
```
#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#b131a4
```
#b131a4 rgb(177,49,164)
```

Triadic Color

#31b13e
```
#31b13e rgb(49,177,62)
```
#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#b131a4
```
#b131a4 rgb(177,49,164)
```
#b13e31
```
#b13e31 rgb(177,62,49)
```

Tetradic Color

#206c75
```
#206c75 rgb(32,108,117)
```
#267f89
```
#267f89 rgb(38,127,137)
```
#2b919d
```
#2b919d rgb(43,145,157)
```
#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#37b7c5
```
#37b7c5 rgb(55,183,197)
```
#49bfcc
```
#49bfcc rgb(73,191,204)
```
#5cc6d2
```
#5cc6d2 rgb(92,198,210)
```

Monochromatic Color

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

#31b19e
```
#31b19e rgb(49,177,158)
```
#31b1a9
```
#31b1a9 rgb(49,177,169)
```
#31afb1
```
#31afb1 rgb(49,175,177)
```
#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#3199b1
```
#3199b1 rgb(49,153,177)
```
#318fb1
```
#318fb1 rgb(49,143,177)
```
#3184b1
```
#3184b1 rgb(49,132,177)
```

Similar Colors

Text with hexadecimal color #31a4b1

This text has a font color of #31a4b1.

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

#31a4b1 background color

This paragraph has a background color of #31a4b1.

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

#31a4b1 border color

This element has a border color of #31a4b1.

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

CSS codes

.text {color:#31a4b1;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#061617
```
#061617 rgb(6,22,23)
```
#0b2427
```
#0b2427 rgb(11,36,39)
```
#0f3236
```
#0f3236 rgb(15,50,54)
```
#134045
```
#134045 rgb(19,64,69)
```
#174f55
```
#174f55 rgb(23,79,85)
```
#1c5d64
```
#1c5d64 rgb(28,93,100)
```
#206b74
```
#206b74 rgb(32,107,116)
```
#247983
```
#247983 rgb(36,121,131)
```
#288892
```
#288892 rgb(40,136,146)
```
#2d96a2
```
#2d96a2 rgb(45,150,162)
```
#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#35b2c0
```
#35b2c0 rgb(53,178,192)
```

Shade Color Variation

#3fbcca
```
#3fbcca rgb(63,188,202)
```
#4fc1ce
```
#4fc1ce rgb(79,193,206)
```
#5ec7d2
```
#5ec7d2 rgb(94,199,210)
```
#6dccd7
```
#6dccd7 rgb(109,204,215)
```
#7dd1db
```
#7dd1db rgb(125,209,219)
```
#8cd7df
```
#8cd7df rgb(140,215,223)
```
#9bdce3
```
#9bdce3 rgb(155,220,227)
```
#abe2e8
```
#abe2e8 rgb(171,226,232)
```
#bae7ec
```
#bae7ec rgb(186,231,236)
```
#caecf0
```
#caecf0 rgb(202,236,240)
```
#d9f2f4
```
#d9f2f4 rgb(217,242,244)
```
#e8f7f9
```
#e8f7f9 rgb(232,247,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,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 #06c7dc is the most saturated one.

#6e7474
```
#6e7474 rgb(110,116,116)
```
#657a7d
```
#657a7d rgb(101,122,125)
```
#5c8186
```
#5c8186 rgb(92,129,134)
```
#54888e
```
#54888e rgb(84,136,142)
```
#4b8f97
```
#4b8f97 rgb(75,143,151)
```
#4296a0
```
#4296a0 rgb(66,150,160)
```
#3a9da8
```
#3a9da8 rgb(58,157,168)
```
#31a4b1
```
#31a4b1 rgb(49,164,177)
```
#28abba
```
#28abba rgb(40,171,186)
```
#20b2c2
```
#20b2c2 rgb(32,178,194)
```
#17b9cb
```
#17b9cb rgb(23,185,203)
```
#0ec0d4
```
#0ec0d4 rgb(14,192,212)
```
#06c7dc
```
#06c7dc rgb(6,199,220)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#738a8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#989aac Protanopia 1% of men
#9898bb Deuteranopia 1% of men
#3ba8b5 Tritanopia 0.001% of the population

Trichromacy

#729dae Protanomaly 1% of men, 0.01% of women
#729cb7 Deuteranomaly 6% of men, 0.4% of women
#37a7b3 Tritanomaly 0.01% of the population

#31a4b1 hex color

#31a4b1 Color Information

#31a4b1 Color Conversion

Color Schemes with #31a4b1

Alternatives to #31a4b1

#31a4b1 Preview

Shades and Tints of #31a4b1

Tones of #31a4b1

Color Blindness Simulator