#31bec3 hex color

In a RGB color space, hex #31bec3 is composed of 19.2% red, 74.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 2.6% magenta, 0% yellow and 23.5% black. It has a hue angle of 182.1 degrees, a saturation of 59.8% and a lightness of 47.8%. #31bec3 color hex could be obtained by blending #62ffff with #007d87. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 75
- B 76
RGB color chart
- C 75
- M 3
- Y 0
- K 24
CMYK color chart

● #31bec3 color description : Moderate cyan.

The hexadecimal color #31bec3 has RGB values of R:49, G:190, B:195 and CMYK values of C:0.75, M:0.03, Y:0, K:0.24. Its decimal value is 3260099.

Hex triplet	31bec3	`#31bec3`
RGB Decimal	49, 190, 195	`rgb(49,190,195)`
RGB Percent	19.2, 74.5, 76.5	`rgb(19.2%,74.5%,76.5%)`
CMYK	75, 3, 0, 24
HSL	182.1°, 59.8, 47.8	`hsl(182.1,59.8%,47.8%)`
HSV (or HSB)	182.1°, 74.9, 76.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.467, -34.068, -13.105
XYZ	29.527, 41.417, 58.065
xyY	0.229, 0.321, 41.417
CIE-LCH	70.467, 36.502, 201.04
CIE-LUV	70.467, -50.085, -15.116
Hunter-Lab	64.356, -30.725, -8.445
Binary	00110001, 10111110, 11000011

#31bec3
```
#31bec3 rgb(49,190,195)
```
#c33631
```
#c33631 rgb(195,54,49)
```

Complementary Color

#31c37f
```
#31c37f rgb(49,195,127)
```
#31bec3
```
#31bec3 rgb(49,190,195)
```
#3175c3
```
#3175c3 rgb(49,117,195)
```

Analogous Color

#c37f31
```
#c37f31 rgb(195,127,49)
```
#31bec3
```
#31bec3 rgb(49,190,195)
```
#c33175
```
#c33175 rgb(195,49,117)
```

Split Complementary Color

#bec331
```
#bec331 rgb(190,195,49)
```
#31bec3
```
#31bec3 rgb(49,190,195)
```
#c331be
```
#c331be rgb(195,49,190)
```

Triadic Color

#31c336
```
#31c336 rgb(49,195,54)
```
#31bec3
```
#31bec3 rgb(49,190,195)
```
#c331be
```
#c331be rgb(195,49,190)
```
#c33631
```
#c33631 rgb(195,54,49)
```

Tetradic Color

#228286
```
#228286 rgb(34,130,134)
```
#27969a
```
#27969a rgb(39,150,154)
```
#2caaaf
```
#2caaaf rgb(44,170,175)
```
#31bec3
```
#31bec3 rgb(49,190,195)
```
#3fcacf
```
#3fcacf rgb(63,202,207)
```
#53cfd4
```
#53cfd4 rgb(83,207,212)
```
#68d5d9
```
#68d5d9 rgb(104,213,217)
```

Monochromatic Color

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

#31c3a4
```
#31c3a4 rgb(49,195,164)
```
#31c3b0
```
#31c3b0 rgb(49,195,176)
```
#31c3bc
```
#31c3bc rgb(49,195,188)
```
#31bec3
```
#31bec3 rgb(49,190,195)
```
#31b2c3
```
#31b2c3 rgb(49,178,195)
```
#31a6c3
```
#31a6c3 rgb(49,166,195)
```
#319ac3
```
#319ac3 rgb(49,154,195)
```

Similar Colors

Text with hexadecimal color #31bec3

This text has a font color of #31bec3.

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

#31bec3 background color

This paragraph has a background color of #31bec3.

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

#31bec3 border color

This element has a border color of #31bec3.

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

CSS codes

.text {color:#31bec3;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061617
```
#061617 rgb(6,22,23)
```
#0a2526
```
#0a2526 rgb(10,37,38)
```
#0e3536
```
#0e3536 rgb(14,53,54)
```
#114446
```
#114446 rgb(17,68,70)
```
#155355
```
#155355 rgb(21,83,85)
```
#196265
```
#196265 rgb(25,98,101)
```
#1d7275
```
#1d7275 rgb(29,114,117)
```
#218184
```
#218184 rgb(33,129,132)
```
#259094
```
#259094 rgb(37,144,148)
```
#299fa4
```
#299fa4 rgb(41,159,164)
```
#2dafb3
```
#2dafb3 rgb(45,175,179)
```
#31bec3
```
#31bec3 rgb(49,190,195)
```

Shade Color Variation

#3ac8ce
```
#3ac8ce rgb(58,200,206)
```
#4acdd1
```
#4acdd1 rgb(74,205,209)
```
#59d1d5
```
#59d1d5 rgb(89,209,213)
```
#69d5d9
```
#69d5d9 rgb(105,213,217)
```
#79dadd
```
#79dadd rgb(121,218,221)
```
#88dee1
```
#88dee1 rgb(136,222,225)
```
#98e3e5
```
#98e3e5 rgb(152,227,229)
```
#a8e7e9
```
#a8e7e9 rgb(168,231,233)
```
#b8ebed
```
#b8ebed rgb(184,235,237)
```
#c7f0f1
```
#c7f0f1 rgb(199,240,241)
```
#d7f4f5
```
#d7f4f5 rgb(215,244,245)
```
#e7f8f9
```
#e7f8f9 rgb(231,248,249)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #738181 is the less saturated color, while #02eaf2 is the most saturated one.

#738181
```
#738181 rgb(115,129,129)
```
#698a8b
```
#698a8b rgb(105,138,139)
```
#609294
```
#609294 rgb(96,146,148)
```
#579b9d
```
#579b9d rgb(87,155,157)
```
#4da4a7
```
#4da4a7 rgb(77,164,167)
```
#44adb0
```
#44adb0 rgb(68,173,176)
```
#3ab5ba
```
#3ab5ba rgb(58,181,186)
```
#31bec3
```
#31bec3 rgb(49,190,195)
```
#28c7cc
```
#28c7cc rgb(40,199,204)
```
#1ecfd6
```
#1ecfd6 rgb(30,207,214)
```
#15d8df
```
#15d8df rgb(21,216,223)
```
#0be1e9
```
#0be1e9 rgb(11,225,233)
```
#02eaf2
```
#02eaf2 rgb(2,234,242)
```

Tone Color Variation

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

Dichromacy

#b0afbb Protanopia 1% of men
#b2accd Deuteranopia 1% of men
#42c0ce Tritanopia 0.001% of the population

Trichromacy

#81b4be Protanomaly 1% of men, 0.01% of women
#83b3c9 Deuteranomaly 6% of men, 0.4% of women
#3cbfca Tritanomaly 0.01% of the population

#31bec3 hex color

#31bec3 Color Information

#31bec3 Color Conversion

Color Schemes with #31bec3

Alternatives to #31bec3

#31bec3 Preview

Shades and Tints of #31bec3

Tones of #31bec3

Color Blindness Simulator