#31bfbb hex color

In a RGB color space, hex #31bfbb is composed of 19.2% red, 74.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 2.1% yellow and 25.1% black. It has a hue angle of 178.3 degrees, a saturation of 59.2% and a lightness of 47.1%. #31bfbb color hex could be obtained by blending #62ffff with #007f77. Closest websafe color is: #33cccc.

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

● #31bfbb color description : Moderate cyan.

The hexadecimal color #31bfbb has RGB values of R:49, G:191, B:187 and CMYK values of C:0.74, M:0, Y:0.02, K:0.25. Its decimal value is 3260347.

Hex triplet	31bfbb	`#31bfbb`
RGB Decimal	49, 191, 187	`rgb(49,191,187)`
RGB Percent	19.2, 74.9, 73.3	`rgb(19.2%,74.9%,73.3%)`
CMYK	74, 0, 2, 25
HSL	178.3°, 59.2, 47.1	`hsl(178.3,59.2%,47.1%)`
HSV (or HSB)	178.3°, 74.3, 74.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.525, -36.87, -8.639
XYZ	28.864, 41.5, 53.5
xyY	0.233, 0.335, 41.5
CIE-LCH	70.525, 37.869, 193.188
CIE-LUV	70.525, -51, -7.596
Hunter-Lab	64.42, -32.756, -4.145
Binary	00110001, 10111111, 10111011

#31bfbb
```
#31bfbb rgb(49,191,187)
```
#bf3135
```
#bf3135 rgb(191,49,53)
```

Complementary Color

#31bf74
```
#31bf74 rgb(49,191,116)
```
#31bfbb
```
#31bfbb rgb(49,191,187)
```
#317cbf
```
#317cbf rgb(49,124,191)
```

Analogous Color

#bf7431
```
#bf7431 rgb(191,116,49)
```
#31bfbb
```
#31bfbb rgb(49,191,187)
```
#bf317c
```
#bf317c rgb(191,49,124)
```

Split Complementary Color

#bfbb31
```
#bfbb31 rgb(191,187,49)
```
#31bfbb
```
#31bfbb rgb(49,191,187)
```
#bb31bf
```
#bb31bf rgb(187,49,191)
```

Triadic Color

#35bf31
```
#35bf31 rgb(53,191,49)
```
#31bfbb
```
#31bfbb rgb(49,191,187)
```
#bb31bf
```
#bb31bf rgb(187,49,191)
```
#bf3135
```
#bf3135 rgb(191,49,53)
```

Tetradic Color

#21827f
```
#21827f rgb(33,130,127)
```
#279693
```
#279693 rgb(39,150,147)
```
#2caba7
```
#2caba7 rgb(44,171,167)
```
#31bfbb
```
#31bfbb rgb(49,191,187)
```
#3ccdc9
```
#3ccdc9 rgb(60,205,201)
```
#51d2cf
```
#51d2cf rgb(81,210,207)
```
#65d7d4
```
#65d7d4 rgb(101,215,212)
```

Monochromatic Color

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

#31bf98
```
#31bf98 rgb(49,191,152)
```
#31bfa3
```
#31bfa3 rgb(49,191,163)
```
#31bfaf
```
#31bfaf rgb(49,191,175)
```
#31bfbb
```
#31bfbb rgb(49,191,187)
```
#31b7bf
```
#31b7bf rgb(49,183,191)
```
#31abbf
```
#31abbf rgb(49,171,191)
```
#31a0bf
```
#31a0bf rgb(49,160,191)
```

Similar Colors

Text with hexadecimal color #31bfbb

This text has a font color of #31bfbb.

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

#31bfbb background color

This paragraph has a background color of #31bfbb.

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

#31bfbb border color

This element has a border color of #31bfbb.

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

CSS codes

.text {color:#31bfbb;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051313
```
#051313 rgb(5,19,19)
```
#092322
```
#092322 rgb(9,35,34)
```
#0d3331
```
#0d3331 rgb(13,51,49)
```
#114241
```
#114241 rgb(17,66,65)
```
#155250
```
#155250 rgb(21,82,80)
```
#19615f
```
#19615f rgb(25,97,95)
```
#1d716f
```
#1d716f rgb(29,113,111)
```
#21817e
```
#21817e rgb(33,129,126)
```
#25908d
```
#25908d rgb(37,144,141)
```
#29a09c
```
#29a09c rgb(41,160,156)
```
#2dafac
```
#2dafac rgb(45,175,172)
```
#31bfbb
```
#31bfbb rgb(49,191,187)
```

Shade Color Variation

#38ccc8
```
#38ccc8 rgb(56,204,200)
```
#47d0cc
```
#47d0cc rgb(71,208,204)
```
#57d4d0
```
#57d4d0 rgb(87,212,208)
```
#67d8d5
```
#67d8d5 rgb(103,216,213)
```
#76dcd9
```
#76dcd9 rgb(118,220,217)
```
#86e0dd
```
#86e0dd rgb(134,224,221)
```
#95e4e2
```
#95e4e2 rgb(149,228,226)
```
#a5e8e6
```
#a5e8e6 rgb(165,232,230)
```
#b5ecea
```
#b5ecea rgb(181,236,234)
```
#c4f0ef
```
#c4f0ef rgb(196,240,239)
```
#d4f4f3
```
#d4f4f3 rgb(212,244,243)
```
#e3f8f7
```
#e3f8f7 rgb(227,248,247)
```
#f3fcfc
```
#f3fcfc rgb(243,252,252)
```

Tint Color Variation

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

#727e7e
```
#727e7e rgb(114,126,126)
```
#688887
```
#688887 rgb(104,136,135)
```
#5f918f
```
#5f918f rgb(95,145,143)
```
#569a98
```
#569a98 rgb(86,154,152)
```
#4da3a1
```
#4da3a1 rgb(77,163,161)
```
#43adaa
```
#43adaa rgb(67,173,170)
```
#3ab6b2
```
#3ab6b2 rgb(58,182,178)
```
#31bfbb
```
#31bfbb rgb(49,191,187)
```
#28c8c4
```
#28c8c4 rgb(40,200,196)
```
#1fd1cc
```
#1fd1cc rgb(31,209,204)
```
#15dbd5
```
#15dbd5 rgb(21,219,213)
```
#0ce4de
```
#0ce4de rgb(12,228,222)
```
#03ede7
```
#03ede7 rgb(3,237,231)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809d9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2afb4 Protanopia 1% of men
#b6acc6 Deuteranopia 1% of men
#48bfcd Tritanopia 0.001% of the population

Trichromacy

#83b5b6 Protanomaly 1% of men, 0.01% of women
#85b3c2 Deuteranomaly 6% of men, 0.4% of women
#3fbfc7 Tritanomaly 0.01% of the population

#31bfbb hex color

#31bfbb Color Information

#31bfbb Color Conversion

Color Schemes with #31bfbb

Alternatives to #31bfbb

#31bfbb Preview

Shades and Tints of #31bfbb

Tones of #31bfbb

Color Blindness Simulator