#31b3b7 hex color

In a RGB color space, hex #31b3b7 is composed of 19.2% red, 70.2% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 2.2% magenta, 0% yellow and 28.2% black. It has a hue angle of 181.8 degrees, a saturation of 57.8% and a lightness of 45.5%. #31b3b7 color hex could be obtained by blending #62ffff with #00676f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 70
- B 72
RGB color chart
- C 73
- M 2
- Y 0
- K 28
CMYK color chart

● #31b3b7 color description : Moderate cyan.

The hexadecimal color #31b3b7 has RGB values of R:49, G:179, B:183 and CMYK values of C:0.73, M:0.02, Y:0, K:0.28. Its decimal value is 3257271.

Hex triplet	31b3b7	`#31b3b7`
RGB Decimal	49, 179, 183	`rgb(49,179,183)`
RGB Percent	19.2, 70.2, 71.8	`rgb(19.2%,70.2%,71.8%)`
CMYK	73, 2, 0, 28
HSL	181.8°, 57.8, 45.5	`hsl(181.8,57.8%,45.5%)`
HSV (or HSB)	181.8°, 73.2, 71.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	66.756, -32.417, -12.068
XYZ	25.931, 36.31, 50.439
xyY	0.23, 0.322, 36.31
CIE-LCH	66.756, 34.591, 200.419
CIE-LUV	66.756, -46.997, -13.587
Hunter-Lab	60.257, -28.634, -7.449
Binary	00110001, 10110011, 10110111

#31b3b7
```
#31b3b7 rgb(49,179,183)
```
#b73531
```
#b73531 rgb(183,53,49)
```

Complementary Color

#31b778
```
#31b778 rgb(49,183,120)
```
#31b3b7
```
#31b3b7 rgb(49,179,183)
```
#3170b7
```
#3170b7 rgb(49,112,183)
```

Analogous Color

#b77831
```
#b77831 rgb(183,120,49)
```
#31b3b7
```
#31b3b7 rgb(49,179,183)
```
#b73170
```
#b73170 rgb(183,49,112)
```

Split Complementary Color

#b3b731
```
#b3b731 rgb(179,183,49)
```
#31b3b7
```
#31b3b7 rgb(49,179,183)
```
#b731b3
```
#b731b3 rgb(183,49,179)
```

Triadic Color

#31b735
```
#31b735 rgb(49,183,53)
```
#31b3b7
```
#31b3b7 rgb(49,179,183)
```
#b731b3
```
#b731b3 rgb(183,49,179)
```
#b73531
```
#b73531 rgb(183,53,49)
```

Tetradic Color

#21787b
```
#21787b rgb(33,120,123)
```
#268c8f
```
#268c8f rgb(38,140,143)
```
#2c9fa3
```
#2c9fa3 rgb(44,159,163)
```
#31b3b7
```
#31b3b7 rgb(49,179,183)
```
#38c5ca
```
#38c5ca rgb(56,197,202)
```
#4ccbcf
```
#4ccbcf rgb(76,203,207)
```
#60d1d4
```
#60d1d4 rgb(96,209,212)
```

Monochromatic Color

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

#31b79a
```
#31b79a rgb(49,183,154)
```
#31b7a5
```
#31b7a5 rgb(49,183,165)
```
#31b7b0
```
#31b7b0 rgb(49,183,176)
```
#31b3b7
```
#31b3b7 rgb(49,179,183)
```
#31a8b7
```
#31a8b7 rgb(49,168,183)
```
#319db7
```
#319db7 rgb(49,157,183)
```
#3192b7
```
#3192b7 rgb(49,146,183)
```

Similar Colors

Text with hexadecimal color #31b3b7

This text has a font color of #31b3b7.

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

#31b3b7 background color

This paragraph has a background color of #31b3b7.

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

#31b3b7 border color

This element has a border color of #31b3b7.

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

CSS codes

.text {color:#31b3b7;}

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

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

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

#030d0d
```
#030d0d rgb(3,13,13)
```
#081c1c
```
#081c1c rgb(8,28,28)
```
#0c2b2c
```
#0c2b2c rgb(12,43,44)
```
#103a3b
```
#103a3b rgb(16,58,59)
```
#14494b
```
#14494b rgb(20,73,75)
```
#18585a
```
#18585a rgb(24,88,90)
```
#1c676a
```
#1c676a rgb(28,103,106)
```
#207679
```
#207679 rgb(32,118,121)
```
#258689
```
#258689 rgb(37,134,137)
```
#299598
```
#299598 rgb(41,149,152)
```
#2da4a8
```
#2da4a8 rgb(45,164,168)
```
#31b3b7
```
#31b3b7 rgb(49,179,183)
```
#35c2c6
```
#35c2c6 rgb(53,194,198)
```

Shade Color Variation

#43c8cd
```
#43c8cd rgb(67,200,205)
```
#52cdd1
```
#52cdd1 rgb(82,205,209)
```
#62d1d5
```
#62d1d5 rgb(98,209,213)
```
#71d6d9
```
#71d6d9 rgb(113,214,217)
```
#81dadd
```
#81dadd rgb(129,218,221)
```
#90dfe1
```
#90dfe1 rgb(144,223,225)
```
#9fe3e5
```
#9fe3e5 rgb(159,227,229)
```
#afe8ea
```
#afe8ea rgb(175,232,234)
```
#beecee
```
#beecee rgb(190,236,238)
```
#cef1f2
```
#cef1f2 rgb(206,241,242)
```
#ddf5f6
```
#ddf5f6 rgb(221,245,246)
```
#edfafa
```
#edfafa rgb(237,250,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#6f7879
```
#6f7879 rgb(111,120,121)
```
#678181
```
#678181 rgb(103,129,129)
```
#5e898a
```
#5e898a rgb(94,137,138)
```
#559193
```
#559193 rgb(85,145,147)
```
#4c9a9c
```
#4c9a9c rgb(76,154,156)
```
#43a2a5
```
#43a2a5 rgb(67,162,165)
```
#3aabae
```
#3aabae rgb(58,171,174)
```
#31b3b7
```
#31b3b7 rgb(49,179,183)
```
#28bbc0
```
#28bbc0 rgb(40,187,192)
```
#1fc4c9
```
#1fc4c9 rgb(31,196,201)
```
#16ccd2
```
#16ccd2 rgb(22,204,210)
```
#0dd5db
```
#0dd5db rgb(13,213,219)
```
#04dde4
```
#04dde4 rgb(4,221,228)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7b9595 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a6b1 Protanopia 1% of men
#a9a3c1 Deuteranopia 1% of men
#42b5c2 Tritanopia 0.001% of the population

Trichromacy

#7caab3 Protanomaly 1% of men, 0.01% of women
#7da9bd Deuteranomaly 6% of men, 0.4% of women
#3cb4be Tritanomaly 0.01% of the population

#31b3b7 hex color

#31b3b7 Color Information

#31b3b7 Color Conversion

Color Schemes with #31b3b7

Alternatives to #31b3b7

#31b3b7 Preview

Shades and Tints of #31b3b7

Tones of #31b3b7

Color Blindness Simulator