#31bdba hex color

In a RGB color space, hex #31bdba is composed of 19.2% red, 74.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 1.6% yellow and 25.9% black. It has a hue angle of 178.7 degrees, a saturation of 58.8% and a lightness of 46.7%. #31bdba color hex could be obtained by blending #62ffff with #007b75. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 74
- B 73
RGB color chart
- C 74
- M 0
- Y 2
- K 26
CMYK color chart

● #31bdba color description : Moderate cyan.

The hexadecimal color #31bdba has RGB values of R:49, G:189, B:186 and CMYK values of C:0.74, M:0, Y:0.02, K:0.26. Its decimal value is 3259834.

Hex triplet	31bdba	`#31bdba`
RGB Decimal	49, 189, 186	`rgb(49,189,186)`
RGB Percent	19.2, 74.1, 72.9	`rgb(19.2%,74.1%,72.9%)`
CMYK	74, 0, 2, 26
HSL	178.7°, 58.8, 46.7	`hsl(178.7,58.8%,46.7%)`
HSV (or HSB)	178.7°, 74.1, 74.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.888, -36.235, -9.039
XYZ	28.324, 40.591, 52.794
xyY	0.233, 0.334, 40.591
CIE-LCH	69.888, 37.346, 194.007
CIE-LUV	69.888, -50.359, -8.309
Hunter-Lab	63.711, -32.137, -4.533
Binary	00110001, 10111101, 10111010

#31bdba
```
#31bdba rgb(49,189,186)
```
#bd3134
```
#bd3134 rgb(189,49,52)
```

Complementary Color

#31bd74
```
#31bd74 rgb(49,189,116)
```
#31bdba
```
#31bdba rgb(49,189,186)
```
#317abd
```
#317abd rgb(49,122,189)
```

Analogous Color

#bd7431
```
#bd7431 rgb(189,116,49)
```
#31bdba
```
#31bdba rgb(49,189,186)
```
#bd317a
```
#bd317a rgb(189,49,122)
```

Split Complementary Color

#bdba31
```
#bdba31 rgb(189,186,49)
```
#31bdba
```
#31bdba rgb(49,189,186)
```
#ba31bd
```
#ba31bd rgb(186,49,189)
```

Triadic Color

#34bd31
```
#34bd31 rgb(52,189,49)
```
#31bdba
```
#31bdba rgb(49,189,186)
```
#ba31bd
```
#ba31bd rgb(186,49,189)
```
#bd3134
```
#bd3134 rgb(189,49,52)
```

Tetradic Color

#21807e
```
#21807e rgb(33,128,126)
```
#279592
```
#279592 rgb(39,149,146)
```
#2ca9a6
```
#2ca9a6 rgb(44,169,166)
```
#31bdba
```
#31bdba rgb(49,189,186)
```
#3bccc9
```
#3bccc9 rgb(59,204,201)
```
#50d2cf
```
#50d2cf rgb(80,210,207)
```
#64d7d4
```
#64d7d4 rgb(100,215,212)
```

Monochromatic Color

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

#31bd97
```
#31bd97 rgb(49,189,151)
```
#31bda3
```
#31bda3 rgb(49,189,163)
```
#31bdae
```
#31bdae rgb(49,189,174)
```
#31bdba
```
#31bdba rgb(49,189,186)
```
#31b4bd
```
#31b4bd rgb(49,180,189)
```
#31a9bd
```
#31a9bd rgb(49,169,189)
```
#319dbd
```
#319dbd rgb(49,157,189)
```

Similar Colors

Text with hexadecimal color #31bdba

This text has a font color of #31bdba.

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

#31bdba background color

This paragraph has a background color of #31bdba.

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

#31bdba border color

This element has a border color of #31bdba.

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

CSS codes

.text {color:#31bdba;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051211
```
#051211 rgb(5,18,17)
```
#092121
```
#092121 rgb(9,33,33)
```
#0d3130
```
#0d3130 rgb(13,49,48)
```
#11403f
```
#11403f rgb(17,64,63)
```
#15504f
```
#15504f rgb(21,80,79)
```
#19605e
```
#19605e rgb(25,96,94)
```
#1d6f6d
```
#1d6f6d rgb(29,111,109)
```
#217f7d
```
#217f7d rgb(33,127,125)
```
#258e8c
```
#258e8c rgb(37,142,140)
```
#299e9b
```
#299e9b rgb(41,158,155)
```
#2dadab
```
#2dadab rgb(45,173,171)
```
#31bdba
```
#31bdba rgb(49,189,186)
```

Shade Color Variation

#37cbc8
```
#37cbc8 rgb(55,203,200)
```
#46cfcc
```
#46cfcc rgb(70,207,204)
```
#56d3d0
```
#56d3d0 rgb(86,211,208)
```
#65d7d5
```
#65d7d5 rgb(101,215,213)
```
#75dbd9
```
#75dbd9 rgb(117,219,217)
```
#84dfdd
```
#84dfdd rgb(132,223,221)
```
#94e3e2
```
#94e3e2 rgb(148,227,226)
```
#a4e7e6
```
#a4e7e6 rgb(164,231,230)
```
#b3ebea
```
#b3ebea rgb(179,235,234)
```
#c3efee
```
#c3efee rgb(195,239,238)
```
#d2f3f3
```
#d2f3f3 rgb(210,243,243)
```
#e2f7f7
```
#e2f7f7 rgb(226,247,247)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```

Tint Color Variation

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

#717d7d
```
#717d7d rgb(113,125,125)
```
#688685
```
#688685 rgb(104,134,133)
```
#5f8f8e
```
#5f8f8e rgb(95,143,142)
```
#569897
```
#569897 rgb(86,152,151)
```
#4ca2a0
```
#4ca2a0 rgb(76,162,160)
```
#43aba8
```
#43aba8 rgb(67,171,168)
```
#3ab4b1
```
#3ab4b1 rgb(58,180,177)
```
#31bdba
```
#31bdba rgb(49,189,186)
```
#28c6c3
```
#28c6c3 rgb(40,198,195)
```
#1fcfcc
```
#1fcfcc rgb(31,207,204)
```
#16d8d4
```
#16d8d4 rgb(22,216,212)
```
#0ce2dd
```
#0ce2dd rgb(12,226,221)
```
#03ebe6
```
#03ebe6 rgb(3,235,230)
```

Tone Color Variation

Below, you can see how #31bdba 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
#7f9b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aeb3 Protanopia 1% of men
#b4abc5 Deuteranopia 1% of men
#47becc Tritanopia 0.001% of the population

Trichromacy

#82b3b5 Protanomaly 1% of men, 0.01% of women
#84b1c1 Deuteranomaly 6% of men, 0.4% of women
#3fbdc5 Tritanomaly 0.01% of the population

#31bdba hex color

#31bdba Color Information

#31bdba Color Conversion

Color Schemes with #31bdba

Alternatives to #31bdba

#31bdba Preview

Shades and Tints of #31bdba

Tones of #31bdba

Color Blindness Simulator