#31b3b5 hex color

In a RGB color space, hex #31b3b5 is composed of 19.2% red, 70.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 1.1% magenta, 0% yellow and 29% black. It has a hue angle of 180.9 degrees, a saturation of 57.4% and a lightness of 45.1%. #31b3b5 color hex could be obtained by blending #62ffff with #00676b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 70
- B 71
RGB color chart
- C 73
- M 1
- Y 0
- K 29
CMYK color chart

● #31b3b5 color description : Moderate cyan.

The hexadecimal color #31b3b5 has RGB values of R:49, G:179, B:181 and CMYK values of C:0.73, M:0.01, Y:0, K:0.29. Its decimal value is 3257269.

Hex triplet	31b3b5	`#31b3b5`
RGB Decimal	49, 179, 181	`rgb(49,179,181)`
RGB Percent	19.2, 70.2, 71	`rgb(19.2%,70.2%,71%)`
CMYK	73, 1, 0, 29
HSL	180.9°, 57.4, 45.1	`hsl(180.9,57.4%,45.1%)`
HSV (or HSB)	180.9°, 72.9, 71
Web Safe	33cccc	`#33cccc`

CIE-LAB	66.693, -33.01, -11.055
XYZ	25.725, 36.227, 49.35
xyY	0.231, 0.325, 36.227
CIE-LCH	66.693, 34.812, 198.515
CIE-LUV	66.693, -47.133, -11.894
Hunter-Lab	60.189, -29.04, -6.481
Binary	00110001, 10110011, 10110101

#31b3b5
```
#31b3b5 rgb(49,179,181)
```
#b53331
```
#b53331 rgb(181,51,49)
```

Complementary Color

#31b575
```
#31b575 rgb(49,181,117)
```
#31b3b5
```
#31b3b5 rgb(49,179,181)
```
#3171b5
```
#3171b5 rgb(49,113,181)
```

Analogous Color

#b57531
```
#b57531 rgb(181,117,49)
```
#31b3b5
```
#31b3b5 rgb(49,179,181)
```
#b53171
```
#b53171 rgb(181,49,113)
```

Split Complementary Color

#b3b531
```
#b3b531 rgb(179,181,49)
```
#31b3b5
```
#31b3b5 rgb(49,179,181)
```
#b531b3
```
#b531b3 rgb(181,49,179)
```

Triadic Color

#31b533
```
#31b533 rgb(49,181,51)
```
#31b3b5
```
#31b3b5 rgb(49,179,181)
```
#b531b3
```
#b531b3 rgb(181,49,179)
```
#b53331
```
#b53331 rgb(181,51,49)
```

Tetradic Color

#217779
```
#217779 rgb(33,119,121)
```
#268b8d
```
#268b8d rgb(38,139,141)
```
#2c9fa1
```
#2c9fa1 rgb(44,159,161)
```
#31b3b5
```
#31b3b5 rgb(49,179,181)
```
#37c7c9
```
#37c7c9 rgb(55,199,201)
```
#4bccce
```
#4bccce rgb(75,204,206)
```
#5fd2d4
```
#5fd2d4 rgb(95,210,212)
```

Monochromatic Color

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

#31b596
```
#31b596 rgb(49,181,150)
```
#31b5a1
```
#31b5a1 rgb(49,181,161)
```
#31b5ac
```
#31b5ac rgb(49,181,172)
```
#31b3b5
```
#31b3b5 rgb(49,179,181)
```
#31a8b5
```
#31a8b5 rgb(49,168,181)
```
#319db5
```
#319db5 rgb(49,157,181)
```
#3192b5
```
#3192b5 rgb(49,146,181)
```

Similar Colors

Text with hexadecimal color #31b3b5

This text has a font color of #31b3b5.

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

#31b3b5 background color

This paragraph has a background color of #31b3b5.

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

#31b3b5 border color

This element has a border color of #31b3b5.

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

CSS codes

.text {color:#31b3b5;}

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

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

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, #030b0b is the darkest color, while #fbfefe is the lightest one.

#030b0b
```
#030b0b rgb(3,11,11)
```
#071a1b
```
#071a1b rgb(7,26,27)
```
#0b2a2a
```
#0b2a2a rgb(11,42,42)
```
#10393a
```
#10393a rgb(16,57,58)
```
#144849
```
#144849 rgb(20,72,73)
```
#185758
```
#185758 rgb(24,87,88)
```
#1c6768
```
#1c6768 rgb(28,103,104)
```
#207677
```
#207677 rgb(32,118,119)
```
#248587
```
#248587 rgb(36,133,135)
```
#299496
```
#299496 rgb(41,148,150)
```
#2da4a6
```
#2da4a6 rgb(45,164,166)
```
#31b3b5
```
#31b3b5 rgb(49,179,181)
```
#35c2c4
```
#35c2c4 rgb(53,194,196)
```

Shade Color Variation

#42cacc
```
#42cacc rgb(66,202,204)
```
#51ced0
```
#51ced0 rgb(81,206,208)
```
#60d2d4
```
#60d2d4 rgb(96,210,212)
```
#70d7d8
```
#70d7d8 rgb(112,215,216)
```
#7fdbdc
```
#7fdbdc rgb(127,219,220)
```
#8fdfe1
```
#8fdfe1 rgb(143,223,225)
```
#9ee4e5
```
#9ee4e5 rgb(158,228,229)
```
#aee8e9
```
#aee8e9 rgb(174,232,233)
```
#bdeced
```
#bdeced rgb(189,236,237)
```
#ccf1f1
```
#ccf1f1 rgb(204,241,241)
```
#dcf5f5
```
#dcf5f5 rgb(220,245,245)
```
#ebf9fa
```
#ebf9fa rgb(235,249,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7777 is the less saturated color, while #05dee1 is the most saturated one.

#6f7777
```
#6f7777 rgb(111,119,119)
```
#668080
```
#668080 rgb(102,128,128)
```
#5d8889
```
#5d8889 rgb(93,136,137)
```
#549192
```
#549192 rgb(84,145,146)
```
#4c999a
```
#4c999a rgb(76,153,154)
```
#43a2a3
```
#43a2a3 rgb(67,162,163)
```
#3aaaac
```
#3aaaac rgb(58,170,172)
```
#31b3b5
```
#31b3b5 rgb(49,179,181)
```
#28bcbe
```
#28bcbe rgb(40,188,190)
```
#1fc4c7
```
#1fc4c7 rgb(31,196,199)
```
#16cdd0
```
#16cdd0 rgb(22,205,208)
```
#0ed5d8
```
#0ed5d8 rgb(14,213,216)
```
#05dee1
```
#05dee1 rgb(5,222,225)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7a9494 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a6af Protanopia 1% of men
#a9a3c0 Deuteranopia 1% of men
#43b5c2 Tritanopia 0.001% of the population

Trichromacy

#7caab1 Protanomaly 1% of men, 0.01% of women
#7da9bc Deuteranomaly 6% of men, 0.4% of women
#3cb4bd Tritanomaly 0.01% of the population

#31b3b5 hex color

#31b3b5 Color Information

#31b3b5 Color Conversion

Color Schemes with #31b3b5

Alternatives to #31b3b5

#31b3b5 Preview

Shades and Tints of #31b3b5

Tones of #31b3b5

Color Blindness Simulator