#31bbc5 hex color

In a RGB color space, hex #31bbc5 is composed of 19.2% red, 73.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 5.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 184.1 degrees, a saturation of 60.2% and a lightness of 48.2%. #31bbc5 color hex could be obtained by blending #62ffff with #00778b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 73
- B 77
RGB color chart
- C 75
- M 5
- Y 0
- K 23
CMYK color chart

● #31bbc5 color description : Strong cyan.

The hexadecimal color #31bbc5 has RGB values of R:49, G:187, B:197 and CMYK values of C:0.75, M:0.05, Y:0, K:0.23. Its decimal value is 3259333.

Hex triplet	31bbc5	`#31bbc5`
RGB Decimal	49, 187, 197	`rgb(49,187,197)`
RGB Percent	19.2, 73.3, 77.3	`rgb(19.2%,73.3%,77.3%)`
CMYK	75, 5, 0, 23
HSL	184.1°, 60.2, 48.2	`hsl(184.1,60.2%,48.2%)`
HSV (or HSB)	184.1°, 75.1, 77.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.627, -32.044, -15.465
XYZ	29.112, 40.222, 59.05
xyY	0.227, 0.313, 40.222
CIE-LCH	69.627, 35.58, 205.762
CIE-LUV	69.627, -48.882, -19.188
Hunter-Lab	63.421, -29.05, -10.809
Binary	00110001, 10111011, 11000101

#31bbc5
```
#31bbc5 rgb(49,187,197)
```
#c53b31
```
#c53b31 rgb(197,59,49)
```

Complementary Color

#31c585
```
#31c585 rgb(49,197,133)
```
#31bbc5
```
#31bbc5 rgb(49,187,197)
```
#3171c5
```
#3171c5 rgb(49,113,197)
```

Analogous Color

#c58531
```
#c58531 rgb(197,133,49)
```
#31bbc5
```
#31bbc5 rgb(49,187,197)
```
#c53171
```
#c53171 rgb(197,49,113)
```

Split Complementary Color

#bbc531
```
#bbc531 rgb(187,197,49)
```
#31bbc5
```
#31bbc5 rgb(49,187,197)
```
#c531bb
```
#c531bb rgb(197,49,187)
```

Triadic Color

#31c53b
```
#31c53b rgb(49,197,59)
```
#31bbc5
```
#31bbc5 rgb(49,187,197)
```
#c531bb
```
#c531bb rgb(197,49,187)
```
#c53b31
```
#c53b31 rgb(197,59,49)
```

Tetradic Color

#228188
```
#228188 rgb(34,129,136)
```
#27949c
```
#27949c rgb(39,148,156)
```
#2ca8b1
```
#2ca8b1 rgb(44,168,177)
```
#31bbc5
```
#31bbc5 rgb(49,187,197)
```
#40c6cf
```
#40c6cf rgb(64,198,207)
```
#54ccd5
```
#54ccd5 rgb(84,204,213)
```
#69d2da
```
#69d2da rgb(105,210,218)
```

Monochromatic Color

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

#31c5aa
```
#31c5aa rgb(49,197,170)
```
#31c5b6
```
#31c5b6 rgb(49,197,182)
```
#31c5c3
```
#31c5c3 rgb(49,197,195)
```
#31bbc5
```
#31bbc5 rgb(49,187,197)
```
#31afc5
```
#31afc5 rgb(49,175,197)
```
#31a2c5
```
#31a2c5 rgb(49,162,197)
```
#3196c5
```
#3196c5 rgb(49,150,197)
```

Similar Colors

Text with hexadecimal color #31bbc5

This text has a font color of #31bbc5.

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

#31bbc5 background color

This paragraph has a background color of #31bbc5.

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

#31bbc5 border color

This element has a border color of #31bbc5.

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

CSS codes

.text {color:#31bbc5;}

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

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

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

#020809
```
#020809 rgb(2,8,9)
```
#061718
```
#061718 rgb(6,23,24)
```
#0a2628
```
#0a2628 rgb(10,38,40)
```
#0e3538
```
#0e3538 rgb(14,53,56)
```
#124447
```
#124447 rgb(18,68,71)
```
#165357
```
#165357 rgb(22,83,87)
```
#1a6267
```
#1a6267 rgb(26,98,103)
```
#1d7076
```
#1d7076 rgb(29,112,118)
```
#217f86
```
#217f86 rgb(33,127,134)
```
#258e96
```
#258e96 rgb(37,142,150)
```
#299da6
```
#299da6 rgb(41,157,166)
```
#2dacb5
```
#2dacb5 rgb(45,172,181)
```
#31bbc5
```
#31bbc5 rgb(49,187,197)
```

Shade Color Variation

#3bc4ce
```
#3bc4ce rgb(59,196,206)
```
#4bc9d2
```
#4bc9d2 rgb(75,201,210)
```
#5bced6
```
#5bced6 rgb(91,206,214)
```
#6ad3da
```
#6ad3da rgb(106,211,218)
```
#7ad7de
```
#7ad7de rgb(122,215,222)
```
#8adce2
```
#8adce2 rgb(138,220,226)
```
#9ae1e6
```
#9ae1e6 rgb(154,225,230)
```
#a9e5ea
```
#a9e5ea rgb(169,229,234)
```
#b9eaee
```
#b9eaee rgb(185,234,238)
```
#c9eff1
```
#c9eff1 rgb(201,239,241)
```
#d8f3f5
```
#d8f3f5 rgb(216,243,245)
```
#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, #738283 is the less saturated color, while #02e4f4 is the most saturated one.

#738283
```
#738283 rgb(115,130,131)
```
#6a8a8c
```
#6a8a8c rgb(106,138,140)
```
#609296
```
#609296 rgb(96,146,150)
```
#579a9f
```
#579a9f rgb(87,154,159)
```
#4da2a9
```
#4da2a9 rgb(77,162,169)
```
#44abb2
```
#44abb2 rgb(68,171,178)
```
#3ab3bc
```
#3ab3bc rgb(58,179,188)
```
#31bbc5
```
#31bbc5 rgb(49,187,197)
```
#28c3ce
```
#28c3ce rgb(40,195,206)
```
#1ecbd8
```
#1ecbd8 rgb(30,203,216)
```
#15d4e1
```
#15d4e1 rgb(21,212,225)
```
#0bdceb
```
#0bdceb rgb(11,220,235)
```
#02e4f4
```
#02e4f4 rgb(2,228,244)
```

Tone Color Variation

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

Dichromacy

#acadbd Protanopia 1% of men
#adaacf Deuteranopia 1% of men
#3fbdcb Tritanopia 0.001% of the population

Trichromacy

#7fb2c0 Protanomaly 1% of men, 0.01% of women
#80b0cb Deuteranomaly 6% of men, 0.4% of women
#3abcc9 Tritanomaly 0.01% of the population

#31bbc5 hex color

#31bbc5 Color Information

#31bbc5 Color Conversion

Color Schemes with #31bbc5

Alternatives to #31bbc5

#31bbc5 Preview

Shades and Tints of #31bbc5

Tones of #31bbc5

Color Blindness Simulator