#31aebe hex color

In a RGB color space, hex #31aebe is composed of 19.2% red, 68.2% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 8.4% magenta, 0% yellow and 25.5% black. It has a hue angle of 186.8 degrees, a saturation of 59% and a lightness of 46.9%. #31aebe color hex could be obtained by blending #62ffff with #005d7d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 68
- B 75
RGB color chart
- C 74
- M 8
- Y 0
- K 25
CMYK color chart

● #31aebe color description : Moderate cyan.

The hexadecimal color #31aebe has RGB values of R:49, G:174, B:190 and CMYK values of C:0.74, M:0.08, Y:0, K:0.25. Its decimal value is 3255998.

Hex triplet	31aebe	`#31aebe`
RGB Decimal	49, 174, 190	`rgb(49,174,190)`
RGB Percent	19.2, 68.2, 74.5	`rgb(19.2%,68.2%,74.5%)`
CMYK	74, 8, 0, 25
HSL	186.8°, 59, 46.9	`hsl(186.8,59%,46.9%)`
HSV (or HSB)	186.8°, 74.2, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.468, -27.856, -17.892
XYZ	25.694, 34.64, 54.044
xyY	0.225, 0.303, 34.64
CIE-LCH	65.468, 33.107, 212.712
CIE-LUV	65.468, -44.731, -23.524
Hunter-Lab	58.856, -25.072, -13.244
Binary	00110001, 10101110, 10111110

#31aebe
```
#31aebe rgb(49,174,190)
```
#be4131
```
#be4131 rgb(190,65,49)
```

Complementary Color

#31be88
```
#31be88 rgb(49,190,136)
```
#31aebe
```
#31aebe rgb(49,174,190)
```
#3168be
```
#3168be rgb(49,104,190)
```

Analogous Color

#be8831
```
#be8831 rgb(190,136,49)
```
#31aebe
```
#31aebe rgb(49,174,190)
```
#be3168
```
#be3168 rgb(190,49,104)
```

Split Complementary Color

#aebe31
```
#aebe31 rgb(174,190,49)
```
#31aebe
```
#31aebe rgb(49,174,190)
```
#be31ae
```
#be31ae rgb(190,49,174)
```

Triadic Color

#31be41
```
#31be41 rgb(49,190,65)
```
#31aebe
```
#31aebe rgb(49,174,190)
```
#be31ae
```
#be31ae rgb(190,49,174)
```
#be4131
```
#be4131 rgb(190,65,49)
```

Tetradic Color

#217681
```
#217681 rgb(33,118,129)
```
#278995
```
#278995 rgb(39,137,149)
```
#2c9baa
```
#2c9baa rgb(44,155,170)
```
#31aebe
```
#31aebe rgb(49,174,190)
```
#3cbccd
```
#3cbccd rgb(60,188,205)
```
#50c3d2
```
#50c3d2 rgb(80,195,210)
```
#64cad7
```
#64cad7 rgb(100,202,215)
```

Monochromatic Color

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

#31beab
```
#31beab rgb(49,190,171)
```
#31beb7
```
#31beb7 rgb(49,190,183)
```
#31babe
```
#31babe rgb(49,186,190)
```
#31aebe
```
#31aebe rgb(49,174,190)
```
#31a2be
```
#31a2be rgb(49,162,190)
```
#3197be
```
#3197be rgb(49,151,190)
```
#318bbe
```
#318bbe rgb(49,139,190)
```

Similar Colors

Text with hexadecimal color #31aebe

This text has a font color of #31aebe.

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

#31aebe background color

This paragraph has a background color of #31aebe.

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

#31aebe border color

This element has a border color of #31aebe.

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

CSS codes

.text {color:#31aebe;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051112
```
#051112 rgb(5,17,18)
```
#091f22
```
#091f22 rgb(9,31,34)
```
#0d2d32
```
#0d2d32 rgb(13,45,50)
```
#113c41
```
#113c41 rgb(17,60,65)
```
#154a51
```
#154a51 rgb(21,74,81)
```
#195860
```
#195860 rgb(25,88,96)
```
#1d6770
```
#1d6770 rgb(29,103,112)
```
#217580
```
#217580 rgb(33,117,128)
```
#25838f
```
#25838f rgb(37,131,143)
```
#29919f
```
#29919f rgb(41,145,159)
```
#2da0ae
```
#2da0ae rgb(45,160,174)
```
#31aebe
```
#31aebe rgb(49,174,190)
```

Shade Color Variation

#37bbcb
```
#37bbcb rgb(55,187,203)
```
#47c0cf
```
#47c0cf rgb(71,192,207)
```
#56c5d4
```
#56c5d4 rgb(86,197,212)
```
#66cbd8
```
#66cbd8 rgb(102,203,216)
```
#76d0dc
```
#76d0dc rgb(118,208,220)
```
#85d5e0
```
#85d5e0 rgb(133,213,224)
```
#95dbe4
```
#95dbe4 rgb(149,219,228)
```
#a4e0e8
```
#a4e0e8 rgb(164,224,232)
```
#b4e5ec
```
#b4e5ec rgb(180,229,236)
```
#c3ebf0
```
#c3ebf0 rgb(195,235,240)
```
#d3f0f4
```
#d3f0f4 rgb(211,240,244)
```
#e3f5f8
```
#e3f5f8 rgb(227,245,248)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

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

#717c7e
```
#717c7e rgb(113,124,126)
```
#688387
```
#688387 rgb(104,131,135)
```
#5f8a90
```
#5f8a90 rgb(95,138,144)
```
#569299
```
#569299 rgb(86,146,153)
```
#4d99a2
```
#4d99a2 rgb(77,153,162)
```
#43a0ac
```
#43a0ac rgb(67,160,172)
```
#3aa7b5
```
#3aa7b5 rgb(58,167,181)
```
#31aebe
```
#31aebe rgb(49,174,190)
```
#28b5c7
```
#28b5c7 rgb(40,181,199)
```
#1fbcd0
```
#1fbcd0 rgb(31,188,208)
```
#15c3da
```
#15c3da rgb(21,195,218)
```
#0ccae3
```
#0ccae3 rgb(12,202,227)
```
#03d2ec
```
#03d2ec rgb(3,210,236)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a2b8 Protanopia 1% of men
#9fa0c7 Deuteranopia 1% of men
#3ab2bf Tritanopia 0.001% of the population

Trichromacy

#77a6ba Protanomaly 1% of men, 0.01% of women
#77a5c4 Deuteranomaly 6% of men, 0.4% of women
#36b0bf Tritanomaly 0.01% of the population

#31aebe hex color

#31aebe Color Information

#31aebe Color Conversion

Color Schemes with #31aebe

Alternatives to #31aebe

#31aebe Preview

Shades and Tints of #31aebe

Tones of #31aebe

Color Blindness Simulator