#31aaed hex color

In a RGB color space, hex #31aaed is composed of 19.2% red, 66.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 28.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 201.4 degrees, a saturation of 83.9% and a lightness of 56.1%. #31aaed color hex could be obtained by blending #62ffff with #0055db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 67
- B 93
RGB color chart
- C 79
- M 28
- Y 0
- K 7
CMYK color chart

● #31aaed color description : Bright blue.

The hexadecimal color #31aaed has RGB values of R:49, G:170, B:237 and CMYK values of C:0.79, M:0.28, Y:0, K:0.07. Its decimal value is 3255021.

Hex triplet	31aaed	`#31aaed`
RGB Decimal	49, 170, 237	`rgb(49,170,237)`
RGB Percent	19.2, 66.7, 92.9	`rgb(19.2%,66.7%,92.9%)`
CMYK	79, 28, 0, 7
HSL	201.4°, 83.9, 56.1	`hsl(201.4,83.9%,56.1%)`
HSV (or HSB)	201.4°, 79.3, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.147, -10.191, -42.768
XYZ	30.924, 35.514, 85.341
xyY	0.204, 0.234, 35.514
CIE-LCH	66.147, 43.966, 256.597
CIE-LUV	66.147, -40.356, -67.404
Hunter-Lab	59.594, -11.664, -43.191
Binary	00110001, 10101010, 11101101

#31aaed
```
#31aaed rgb(49,170,237)
```
#ed7431
```
#ed7431 rgb(237,116,49)
```

Complementary Color

#31edd2
```
#31edd2 rgb(49,237,210)
```
#31aaed
```
#31aaed rgb(49,170,237)
```
#314ced
```
#314ced rgb(49,76,237)
```

Analogous Color

#edd231
```
#edd231 rgb(237,210,49)
```
#31aaed
```
#31aaed rgb(49,170,237)
```
#ed314c
```
#ed314c rgb(237,49,76)
```

Split Complementary Color

#aaed31
```
#aaed31 rgb(170,237,49)
```
#31aaed
```
#31aaed rgb(49,170,237)
```
#ed31aa
```
#ed31aa rgb(237,49,170)
```

Triadic Color

#31ed74
```
#31ed74 rgb(49,237,116)
```
#31aaed
```
#31aaed rgb(49,170,237)
```
#ed31aa
```
#ed31aa rgb(237,49,170)
```
#ed7431
```
#ed7431 rgb(237,116,49)
```

Tetradic Color

#1182c1
```
#1182c1 rgb(17,130,193)
```
#1392d8
```
#1392d8 rgb(19,146,216)
```
#1aa0eb
```
#1aa0eb rgb(26,160,235)
```
#31aaed
```
#31aaed rgb(49,170,237)
```
#48b4ef
```
#48b4ef rgb(72,180,239)
```
#60bdf1
```
#60bdf1 rgb(96,189,241)
```
#77c7f3
```
#77c7f3 rgb(119,199,243)
```

Monochromatic Color

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

#31d9ed
```
#31d9ed rgb(49,217,237)
```
#31c9ed
```
#31c9ed rgb(49,201,237)
```
#31baed
```
#31baed rgb(49,186,237)
```
#31aaed
```
#31aaed rgb(49,170,237)
```
#319aed
```
#319aed rgb(49,154,237)
```
#318bed
```
#318bed rgb(49,139,237)
```
#317bed
```
#317bed rgb(49,123,237)
```

Similar Colors

Text with hexadecimal color #31aaed

This text has a font color of #31aaed.

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

#31aaed background color

This paragraph has a background color of #31aaed.

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

#31aaed border color

This element has a border color of #31aaed.

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

CSS codes

.text {color:#31aaed;}

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

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

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#02131d
```
#02131d rgb(2,19,29)
```
#041f2f
```
#041f2f rgb(4,31,47)
```
#062c41
```
#062c41 rgb(6,44,65)
```
#073853
```
#073853 rgb(7,56,83)
```
#094465
```
#094465 rgb(9,68,101)
```
#0a5077
```
#0a5077 rgb(10,80,119)
```
#0c5c89
```
#0c5c89 rgb(12,92,137)
```
#0e689b
```
#0e689b rgb(14,104,155)
```
#0f75ad
```
#0f75ad rgb(15,117,173)
```
#1181bf
```
#1181bf rgb(17,129,191)
```
#128dd1
```
#128dd1 rgb(18,141,209)
```
#1499e3
```
#1499e3 rgb(20,153,227)
```

Shade Color Variation

#1fa3eb
```
#1fa3eb rgb(31,163,235)
```
#31aaed
```
#31aaed rgb(49,170,237)
```
#43b1ef
```
#43b1ef rgb(67,177,239)
```
#55b9f0
```
#55b9f0 rgb(85,185,240)
```
#67c0f2
```
#67c0f2 rgb(103,192,242)
```
#79c8f3
```
#79c8f3 rgb(121,200,243)
```
#8bcff5
```
#8bcff5 rgb(139,207,245)
```
#9dd7f6
```
#9dd7f6 rgb(157,215,246)
```
#afdef8
```
#afdef8 rgb(175,222,248)
```
#c1e6fa
```
#c1e6fa rgb(193,230,250)
```
#d3edfb
```
#d3edfb rgb(211,237,251)
```
#e5f4fd
```
#e5f4fd rgb(229,244,253)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #879197 is the less saturated color, while #20affe is the most saturated one.

#879197
```
#879197 rgb(135,145,151)
```
#7f949f
```
#7f949f rgb(127,148,159)
```
#7696a8
```
#7696a8 rgb(118,150,168)
```
#6d99b1
```
#6d99b1 rgb(109,153,177)
```
#659bb9
```
#659bb9 rgb(101,155,185)
```
#5c9ec2
```
#5c9ec2 rgb(92,158,194)
```
#53a0cb
```
#53a0cb rgb(83,160,203)
```
#4ba3d3
```
#4ba3d3 rgb(75,163,211)
```
#42a5dc
```
#42a5dc rgb(66,165,220)
```
#3aa8e4
```
#3aa8e4 rgb(58,168,228)
```
#31aaed
```
#31aaed rgb(49,170,237)
```
#28acf6
```
#28acf6 rgb(40,172,246)
```
#20affe
```
#20affe rgb(32,175,254)
```

Tone Color Variation

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

Dichromacy

#8ea3e5 Protanopia 1% of men
#7ea5f1 Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#6ca5e8 Protanomaly 1% of men, 0.01% of women
#62a6f0 Deuteranomaly 6% of men, 0.4% of women
#11b1d1 Tritanomaly 0.01% of the population

#31aaed hex color

#31aaed Color Information

#31aaed Color Conversion

Color Schemes with #31aaed

Alternatives to #31aaed

#31aaed Preview

Shades and Tints of #31aaed

Tones of #31aaed

Color Blindness Simulator