#31abed hex color

In a RGB color space, hex #31abed is composed of 19.2% red, 67.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 27.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 201.1 degrees, a saturation of 83.9% and a lightness of 56.1%. #31abed color hex could be obtained by blending #62ffff with #0057db. 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

● #31abed color description : Bright blue.

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

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

CIE-LAB	66.436, -10.741, -42.315
XYZ	31.112, 35.89, 85.404
xyY	0.204, 0.235, 35.89
CIE-LCH	66.436, 43.657, 255.757
CIE-LUV	66.436, -40.695, -66.612
Hunter-Lab	59.909, -12.141, -42.586
Binary	00110001, 10101011, 11101101

#31abed
```
#31abed rgb(49,171,237)
```
#ed7331
```
#ed7331 rgb(237,115,49)
```

Complementary Color

#31edd1
```
#31edd1 rgb(49,237,209)
```
#31abed
```
#31abed rgb(49,171,237)
```
#314ded
```
#314ded rgb(49,77,237)
```

Analogous Color

#edd131
```
#edd131 rgb(237,209,49)
```
#31abed
```
#31abed rgb(49,171,237)
```
#ed314d
```
#ed314d rgb(237,49,77)
```

Split Complementary Color

#abed31
```
#abed31 rgb(171,237,49)
```
#31abed
```
#31abed rgb(49,171,237)
```
#ed31ab
```
#ed31ab rgb(237,49,171)
```

Triadic Color

#31ed73
```
#31ed73 rgb(49,237,115)
```
#31abed
```
#31abed rgb(49,171,237)
```
#ed31ab
```
#ed31ab rgb(237,49,171)
```
#ed7331
```
#ed7331 rgb(237,115,49)
```

Tetradic Color

#1183c1
```
#1183c1 rgb(17,131,193)
```
#1393d8
```
#1393d8 rgb(19,147,216)
```
#1aa1eb
```
#1aa1eb rgb(26,161,235)
```
#31abed
```
#31abed rgb(49,171,237)
```
#48b5ef
```
#48b5ef rgb(72,181,239)
```
#60bef1
```
#60bef1 rgb(96,190,241)
```
#77c8f3
```
#77c8f3 rgb(119,200,243)
```

Monochromatic Color

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

#31daed
```
#31daed rgb(49,218,237)
```
#31caed
```
#31caed rgb(49,202,237)
```
#31bbed
```
#31bbed rgb(49,187,237)
```
#31abed
```
#31abed rgb(49,171,237)
```
#319bed
```
#319bed rgb(49,155,237)
```
#318ced
```
#318ced rgb(49,140,237)
```
#317ced
```
#317ced rgb(49,124,237)
```

Similar Colors

Text with hexadecimal color #31abed

This text has a font color of #31abed.

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

#31abed background color

This paragraph has a background color of #31abed.

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

#31abed border color

This element has a border color of #31abed.

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

CSS codes

.text {color:#31abed;}

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

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

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)
```
#04202f
```
#04202f rgb(4,32,47)
```
#062c41
```
#062c41 rgb(6,44,65)
```
#073853
```
#073853 rgb(7,56,83)
```
#094465
```
#094465 rgb(9,68,101)
```
#0a5177
```
#0a5177 rgb(10,81,119)
```
#0c5d89
```
#0c5d89 rgb(12,93,137)
```
#0e699b
```
#0e699b rgb(14,105,155)
```
#0f75ad
```
#0f75ad rgb(15,117,173)
```
#1182bf
```
#1182bf rgb(17,130,191)
```
#128ed1
```
#128ed1 rgb(18,142,209)
```
#149ae3
```
#149ae3 rgb(20,154,227)
```

Shade Color Variation

#1fa4eb
```
#1fa4eb rgb(31,164,235)
```
#31abed
```
#31abed rgb(49,171,237)
```
#43b2ef
```
#43b2ef rgb(67,178,239)
```
#55baf0
```
#55baf0 rgb(85,186,240)
```
#67c1f2
```
#67c1f2 rgb(103,193,242)
```
#79c8f3
```
#79c8f3 rgb(121,200,243)
```
#8bd0f5
```
#8bd0f5 rgb(139,208,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)
```
#e5f5fd
```
#e5f5fd rgb(229,245,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 #20b0fe 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)
```
#659cb9
```
#659cb9 rgb(101,156,185)
```
#5c9ec2
```
#5c9ec2 rgb(92,158,194)
```
#53a1cb
```
#53a1cb rgb(83,161,203)
```
#4ba3d3
```
#4ba3d3 rgb(75,163,211)
```
#42a6dc
```
#42a6dc rgb(66,166,220)
```
#3aa8e4
```
#3aa8e4 rgb(58,168,228)
```
#31abed
```
#31abed rgb(49,171,237)
```
#28aef6
```
#28aef6 rgb(40,174,246)
```
#20b0fe
```
#20b0fe rgb(32,176,254)
```

Tone Color Variation

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

Dichromacy

#90a4e5 Protanopia 1% of men
#7fa5f1 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#6da6e8 Protanomaly 1% of men, 0.01% of women
#63a7f0 Deuteranomaly 6% of men, 0.4% of women
#11b2d2 Tritanomaly 0.01% of the population

#31abed hex color

#31abed Color Information

#31abed Color Conversion

Color Schemes with #31abed

Alternatives to #31abed

#31abed Preview

Shades and Tints of #31abed

Tones of #31abed

Color Blindness Simulator