#31b3bd hex color

In a RGB color space, hex #31b3bd is composed of 19.2% red, 70.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 5.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 184.3 degrees, a saturation of 58.8% and a lightness of 46.7%. #31b3bd color hex could be obtained by blending #62ffff with #00677b. Closest websafe color is: #33cccc.

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

● #31b3bd color description : Moderate cyan.

The hexadecimal color #31b3bd has RGB values of R:49, G:179, B:189 and CMYK values of C:0.74, M:0.05, Y:0, K:0.26. Its decimal value is 3257277.

Hex triplet	31b3bd	`#31b3bd`
RGB Decimal	49, 179, 189	`rgb(49,179,189)`
RGB Percent	19.2, 70.2, 74.1	`rgb(19.2%,70.2%,74.1%)`
CMYK	74, 5, 0, 26
HSL	184.3°, 58.8, 46.7	`hsl(184.3,58.8%,46.7%)`
HSV (or HSB)	184.3°, 74.1, 74.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	66.949, -30.613, -15.097
XYZ	26.569, 36.565, 53.799
xyY	0.227, 0.313, 36.565
CIE-LCH	66.949, 34.133, 206.25
CIE-LUV	66.949, -46.587, -18.693
Hunter-Lab	60.469, -27.39, -10.422
Binary	00110001, 10110011, 10111101

#31b3bd
```
#31b3bd rgb(49,179,189)
```
#bd3b31
```
#bd3b31 rgb(189,59,49)
```

Complementary Color

#31bd81
```
#31bd81 rgb(49,189,129)
```
#31b3bd
```
#31b3bd rgb(49,179,189)
```
#316dbd
```
#316dbd rgb(49,109,189)
```

Analogous Color

#bd8131
```
#bd8131 rgb(189,129,49)
```
#31b3bd
```
#31b3bd rgb(49,179,189)
```
#bd316d
```
#bd316d rgb(189,49,109)
```

Split Complementary Color

#b3bd31
```
#b3bd31 rgb(179,189,49)
```
#31b3bd
```
#31b3bd rgb(49,179,189)
```
#bd31b3
```
#bd31b3 rgb(189,49,179)
```

Triadic Color

#31bd3b
```
#31bd3b rgb(49,189,59)
```
#31b3bd
```
#31b3bd rgb(49,179,189)
```
#bd31b3
```
#bd31b3 rgb(189,49,179)
```
#bd3b31
```
#bd3b31 rgb(189,59,49)
```

Tetradic Color

#217980
```
#217980 rgb(33,121,128)
```
#278d95
```
#278d95 rgb(39,141,149)
```
#2ca0a9
```
#2ca0a9 rgb(44,160,169)
```
#31b3bd
```
#31b3bd rgb(49,179,189)
```
#3bc2cc
```
#3bc2cc rgb(59,194,204)
```
#50c8d2
```
#50c8d2 rgb(80,200,210)
```
#64cfd7
```
#64cfd7 rgb(100,207,215)
```

Monochromatic Color

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

#31bda4
```
#31bda4 rgb(49,189,164)
```
#31bdb0
```
#31bdb0 rgb(49,189,176)
```
#31bdbb
```
#31bdbb rgb(49,189,187)
```
#31b3bd
```
#31b3bd rgb(49,179,189)
```
#31a7bd
```
#31a7bd rgb(49,167,189)
```
#319cbd
```
#319cbd rgb(49,156,189)
```
#3190bd
```
#3190bd rgb(49,144,189)
```

Similar Colors

Text with hexadecimal color #31b3bd

This text has a font color of #31b3bd.

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

#31b3bd background color

This paragraph has a background color of #31b3bd.

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

#31b3bd border color

This element has a border color of #31b3bd.

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

CSS codes

.text {color:#31b3bd;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051112
```
#051112 rgb(5,17,18)
```
#091f21
```
#091f21 rgb(9,31,33)
```
#0d2e31
```
#0d2e31 rgb(13,46,49)
```
#113d40
```
#113d40 rgb(17,61,64)
```
#154c50
```
#154c50 rgb(21,76,80)
```
#195a60
```
#195a60 rgb(25,90,96)
```
#1d696f
```
#1d696f rgb(29,105,111)
```
#21787f
```
#21787f rgb(33,120,127)
```
#25878e
```
#25878e rgb(37,135,142)
```
#29959e
```
#29959e rgb(41,149,158)
```
#2da4ad
```
#2da4ad rgb(45,164,173)
```
#31b3bd
```
#31b3bd rgb(49,179,189)
```

Shade Color Variation

#37c0cb
```
#37c0cb rgb(55,192,203)
```
#46c5cf
```
#46c5cf rgb(70,197,207)
```
#56cad3
```
#56cad3 rgb(86,202,211)
```
#65cfd7
```
#65cfd7 rgb(101,207,215)
```
#75d4db
```
#75d4db rgb(117,212,219)
```
#84d9df
```
#84d9df rgb(132,217,223)
```
#94dee3
```
#94dee3 rgb(148,222,227)
```
#a4e2e7
```
#a4e2e7 rgb(164,226,231)
```
#b3e7eb
```
#b3e7eb rgb(179,231,235)
```
#c3ecef
```
#c3ecef rgb(195,236,239)
```
#d2f1f3
```
#d2f1f3 rgb(210,241,243)
```
#e2f6f7
```
#e2f6f7 rgb(226,246,247)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

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

#717c7d
```
#717c7d rgb(113,124,125)
```
#688486
```
#688486 rgb(104,132,134)
```
#5f8c8f
```
#5f8c8f rgb(95,140,143)
```
#569498
```
#569498 rgb(86,148,152)
```
#4c9ba2
```
#4c9ba2 rgb(76,155,162)
```
#43a3ab
```
#43a3ab rgb(67,163,171)
```
#3aabb4
```
#3aabb4 rgb(58,171,180)
```
#31b3bd
```
#31b3bd rgb(49,179,189)
```
#28bbc6
```
#28bbc6 rgb(40,187,198)
```
#1fc3cf
```
#1fc3cf rgb(31,195,207)
```
#16cbd8
```
#16cbd8 rgb(22,203,216)
```
#0cd2e2
```
#0cd2e2 rgb(12,210,226)
```
#03daeb
```
#03daeb rgb(3,218,235)
```

Tone Color Variation

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

Dichromacy

#a5a6b6 Protanopia 1% of men
#a6a4c7 Deuteranopia 1% of men
#3eb6c3 Tritanopia 0.001% of the population

Trichromacy

#7babb9 Protanomaly 1% of men, 0.01% of women
#7ba9c3 Deuteranomaly 6% of men, 0.4% of women
#39b5c1 Tritanomaly 0.01% of the population

#31b3bd hex color

#31b3bd Color Information

#31b3bd Color Conversion

Color Schemes with #31b3bd

Alternatives to #31b3bd

#31b3bd Preview

Shades and Tints of #31b3bd

Tones of #31b3bd

Color Blindness Simulator