#31bfb2 hex color

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

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

● #31bfb2 color description : Moderate cyan.

The hexadecimal color #31bfb2 has RGB values of R:49, G:191, B:178 and CMYK values of C:0.74, M:0, Y:0.07, K:0.25. Its decimal value is 3260338.

Hex triplet	31bfb2	`#31bfb2`
RGB Decimal	49, 191, 178	`rgb(49,191,178)`
RGB Percent	19.2, 74.9, 69.8	`rgb(19.2%,74.9%,69.8%)`
CMYK	74, 0, 7, 25
HSL	174.5°, 59.2, 47.1	`hsl(174.5,59.2%,47.1%)`
HSV (or HSB)	174.5°, 74.3, 74.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.264, -39.411, -4.097
XYZ	27.931, 41.126, 48.583
xyY	0.237, 0.35, 41.126
CIE-LCH	70.264, 39.623, 185.935
CIE-LUV	70.264, -51.629, -0.137
Hunter-Lab	64.13, -34.484, -0.026
Binary	00110001, 10111111, 10110010

#31bfb2
```
#31bfb2 rgb(49,191,178)
```
#bf313e
```
#bf313e rgb(191,49,62)
```

Complementary Color

#31bf6b
```
#31bf6b rgb(49,191,107)
```
#31bfb2
```
#31bfb2 rgb(49,191,178)
```
#3185bf
```
#3185bf rgb(49,133,191)
```

Analogous Color

#bf6b31
```
#bf6b31 rgb(191,107,49)
```
#31bfb2
```
#31bfb2 rgb(49,191,178)
```
#bf3185
```
#bf3185 rgb(191,49,133)
```

Split Complementary Color

#bfb231
```
#bfb231 rgb(191,178,49)
```
#31bfb2
```
#31bfb2 rgb(49,191,178)
```
#b231bf
```
#b231bf rgb(178,49,191)
```

Triadic Color

#3ebf31
```
#3ebf31 rgb(62,191,49)
```
#31bfb2
```
#31bfb2 rgb(49,191,178)
```
#b231bf
```
#b231bf rgb(178,49,191)
```
#bf313e
```
#bf313e rgb(191,49,62)
```

Tetradic Color

#218279
```
#218279 rgb(33,130,121)
```
#27968c
```
#27968c rgb(39,150,140)
```
#2cab9f
```
#2cab9f rgb(44,171,159)
```
#31bfb2
```
#31bfb2 rgb(49,191,178)
```
#3ccdc0
```
#3ccdc0 rgb(60,205,192)
```
#51d2c6
```
#51d2c6 rgb(81,210,198)
```
#65d7cd
```
#65d7cd rgb(101,215,205)
```

Monochromatic Color

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

#31bf8f
```
#31bf8f rgb(49,191,143)
```
#31bf9a
```
#31bf9a rgb(49,191,154)
```
#31bfa6
```
#31bfa6 rgb(49,191,166)
```
#31bfb2
```
#31bfb2 rgb(49,191,178)
```
#31bfbe
```
#31bfbe rgb(49,191,190)
```
#31b4bf
```
#31b4bf rgb(49,180,191)
```
#31a9bf
```
#31a9bf rgb(49,169,191)
```

Similar Colors

Text with hexadecimal color #31bfb2

This text has a font color of #31bfb2.

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

#31bfb2 background color

This paragraph has a background color of #31bfb2.

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

#31bfb2 border color

This element has a border color of #31bfb2.

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

CSS codes

.text {color:#31bfb2;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#051312
```
#051312 rgb(5,19,18)
```
#092321
```
#092321 rgb(9,35,33)
```
#0d332f
```
#0d332f rgb(13,51,47)
```
#11423e
```
#11423e rgb(17,66,62)
```
#15524c
```
#15524c rgb(21,82,76)
```
#19615b
```
#19615b rgb(25,97,91)
```
#1d7169
```
#1d7169 rgb(29,113,105)
```
#218178
```
#218178 rgb(33,129,120)
```
#259086
```
#259086 rgb(37,144,134)
```
#29a095
```
#29a095 rgb(41,160,149)
```
#2dafa3
```
#2dafa3 rgb(45,175,163)
```
#31bfb2
```
#31bfb2 rgb(49,191,178)
```

Shade Color Variation

#38ccbe
```
#38ccbe rgb(56,204,190)
```
#47d0c3
```
#47d0c3 rgb(71,208,195)
```
#57d4c8
```
#57d4c8 rgb(87,212,200)
```
#67d8ce
```
#67d8ce rgb(103,216,206)
```
#76dcd3
```
#76dcd3 rgb(118,220,211)
```
#86e0d8
```
#86e0d8 rgb(134,224,216)
```
#95e4dd
```
#95e4dd rgb(149,228,221)
```
#a5e8e2
```
#a5e8e2 rgb(165,232,226)
```
#b5ece7
```
#b5ece7 rgb(181,236,231)
```
#c4f0ec
```
#c4f0ec rgb(196,240,236)
```
#d4f4f1
```
#d4f4f1 rgb(212,244,241)
```
#e3f8f6
```
#e3f8f6 rgb(227,248,246)
```
#f3fcfb
```
#f3fcfb rgb(243,252,251)
```

Tint Color Variation

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

#727e7d
```
#727e7d rgb(114,126,125)
```
#688885
```
#688885 rgb(104,136,133)
```
#5f918c
```
#5f918c rgb(95,145,140)
```
#569a94
```
#569a94 rgb(86,154,148)
```
#4da39b
```
#4da39b rgb(77,163,155)
```
#43ada3
```
#43ada3 rgb(67,173,163)
```
#3ab6aa
```
#3ab6aa rgb(58,182,170)
```
#31bfb2
```
#31bfb2 rgb(49,191,178)
```
#28c8ba
```
#28c8ba rgb(40,200,186)
```
#1fd1c1
```
#1fd1c1 rgb(31,209,193)
```
#15dbc9
```
#15dbc9 rgb(21,219,201)
```
#0ce4d0
```
#0ce4d0 rgb(12,228,208)
```
#03edd8
```
#03edd8 rgb(3,237,216)
```

Tone Color Variation

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

Dichromacy

#b4afab Protanopia 1% of men
#b9abbe Deuteranopia 1% of men
#4cbecc Tritanopia 0.001% of the population

Trichromacy

#84b5ae Protanomaly 1% of men, 0.01% of women
#87b2b9 Deuteranomaly 6% of men, 0.4% of women
#42bec3 Tritanomaly 0.01% of the population

#31bfb2 hex color

#31bfb2 Color Information

#31bfb2 Color Conversion

Color Schemes with #31bfb2

Alternatives to #31bfb2

#31bfb2 Preview

Shades and Tints of #31bfb2

Tones of #31bfb2

Color Blindness Simulator