colorhexa.com

#31b4bd hex color

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

- R 19
- G 71
- B 74
RGB color chart
- C 74
- M 5
- Y 0
- K 26
CMYK color chart

● #31b4bd color description : Moderate cyan.

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

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

CIE-LAB	67.252, -31.097, -14.64
XYZ	26.77, 36.967, 53.866
xyY	0.228, 0.314, 36.967
CIE-LCH	67.252, 34.37, 205.211
CIE-LUV	67.252, -46.944, -17.902
Hunter-Lab	60.801, -27.808, -9.967
Binary	00110001, 10110100, 10111101

#31b4bd
```
#31b4bd rgb(49,180,189)
```
#bd3a31
```
#bd3a31 rgb(189,58,49)
```

Complementary Color

#31bd80
```
#31bd80 rgb(49,189,128)
```
#31b4bd
```
#31b4bd rgb(49,180,189)
```
#316ebd
```
#316ebd rgb(49,110,189)
```

Analogous Color

#bd8031
```
#bd8031 rgb(189,128,49)
```
#31b4bd
```
#31b4bd rgb(49,180,189)
```
#bd316e
```
#bd316e rgb(189,49,110)
```

Split Complementary Color

#b4bd31
```
#b4bd31 rgb(180,189,49)
```
#31b4bd
```
#31b4bd rgb(49,180,189)
```
#bd31b4
```
#bd31b4 rgb(189,49,180)
```

Triadic Color

#31bd3a
```
#31bd3a rgb(49,189,58)
```
#31b4bd
```
#31b4bd rgb(49,180,189)
```
#bd31b4
```
#bd31b4 rgb(189,49,180)
```
#bd3a31
```
#bd3a31 rgb(189,58,49)
```

Tetradic Color

#217a80
```
#217a80 rgb(33,122,128)
```
#278d95
```
#278d95 rgb(39,141,149)
```
#2ca1a9
```
#2ca1a9 rgb(44,161,169)
```
#31b4bd
```
#31b4bd rgb(49,180,189)
```
#3bc3cc
```
#3bc3cc rgb(59,195,204)
```
#50c9d2
```
#50c9d2 rgb(80,201,210)
```
#64cfd7
```
#64cfd7 rgb(100,207,215)
```

Monochromatic Color

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

#31bda3
```
#31bda3 rgb(49,189,163)
```
#31bdaf
```
#31bdaf rgb(49,189,175)
```
#31bdba
```
#31bdba rgb(49,189,186)
```
#31b4bd
```
#31b4bd rgb(49,180,189)
```
#31a8bd
```
#31a8bd rgb(49,168,189)
```
#319dbd
```
#319dbd rgb(49,157,189)
```
#3191bd
```
#3191bd rgb(49,145,189)
```

Similar Colors

Text with hexadecimal color #31b4bd

This text has a font color of #31b4bd.

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

#31b4bd background color

This paragraph has a background color of #31b4bd.

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

#31b4bd border color

This element has a border color of #31b4bd.

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

CSS codes

.text {color:#31b4bd;}

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

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

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)
```
#092021
```
#092021 rgb(9,32,33)
```
#0d2e31
```
#0d2e31 rgb(13,46,49)
```
#113d40
```
#113d40 rgb(17,61,64)
```
#154c50
```
#154c50 rgb(21,76,80)
```
#195b60
```
#195b60 rgb(25,91,96)
```
#1d6a6f
```
#1d6a6f rgb(29,106,111)
```
#21797f
```
#21797f rgb(33,121,127)
```
#25878e
```
#25878e rgb(37,135,142)
```
#29969e
```
#29969e rgb(41,150,158)
```
#2da5ad
```
#2da5ad rgb(45,165,173)
```
#31b4bd
```
#31b4bd rgb(49,180,189)
```

Shade Color Variation

#37c1cb
```
#37c1cb rgb(55,193,203)
```
#46c6cf
```
#46c6cf rgb(70,198,207)
```
#56cbd3
```
#56cbd3 rgb(86,203,211)
```
#65d0d7
```
#65d0d7 rgb(101,208,215)
```
#75d5db
```
#75d5db rgb(117,213,219)
```
#84d9df
```
#84d9df rgb(132,217,223)
```
#94dee3
```
#94dee3 rgb(148,222,227)
```
#a4e3e7
```
#a4e3e7 rgb(164,227,231)
```
#b3e8eb
```
#b3e8eb rgb(179,232,235)
```
#c3edef
```
#c3edef rgb(195,237,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 #03dceb 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)
```
#4c9ca2
```
#4c9ca2 rgb(76,156,162)
```
#43a4ab
```
#43a4ab rgb(67,164,171)
```
#3aacb4
```
#3aacb4 rgb(58,172,180)
```
#31b4bd
```
#31b4bd rgb(49,180,189)
```
#28bcc6
```
#28bcc6 rgb(40,188,198)
```
#1fc4cf
```
#1fc4cf rgb(31,196,207)
```
#16ccd8
```
#16ccd8 rgb(22,204,216)
```
#0cd4e2
```
#0cd4e2 rgb(12,212,226)
```
#03dceb
```
#03dceb rgb(3,220,235)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7b9697 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a7b6 Protanopia 1% of men
#a7a5c7 Deuteranopia 1% of men
#3fb7c4 Tritanopia 0.001% of the population

Trichromacy

#7cabb9 Protanomaly 1% of men, 0.01% of women
#7caac3 Deuteranomaly 6% of men, 0.4% of women
#3ab6c1 Tritanomaly 0.01% of the population