#31a0eb hex color

In a RGB color space, hex #31a0eb is composed of 19.2% red, 62.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 31.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 204.2 degrees, a saturation of 82.3% and a lightness of 55.7%. #31a0eb color hex could be obtained by blending #62ffff with #0041d7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 63
- B 92
RGB color chart
- C 79
- M 32
- Y 0
- K 8
CMYK color chart

● #31a0eb color description : Bright blue.

The hexadecimal color #31a0eb has RGB values of R:49, G:160, B:235 and CMYK values of C:0.79, M:0.32, Y:0, K:0.08. Its decimal value is 3252459.

Hex triplet	31a0eb	`#31a0eb`
RGB Decimal	49, 160, 235	`rgb(49,160,235)`
RGB Percent	19.2, 62.7, 92.2	`rgb(19.2%,62.7%,92.2%)`
CMYK	79, 32, 0, 8
HSL	204.2°, 82.3, 55.7	`hsl(204.2,82.3%,55.7%)`
HSV (or HSB)	204.2°, 79.1, 92.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.169, -5.301, -46.354
XYZ	28.829, 31.79, 83.209
xyY	0.2, 0.221, 31.79
CIE-LCH	63.169, 46.656, 263.475
CIE-LUV	63.169, -37.09, -73.527
Hunter-Lab	56.383, -7.401, -48.032
Binary	00110001, 10100000, 11101011

#31a0eb
```
#31a0eb rgb(49,160,235)
```
#eb7c31
```
#eb7c31 rgb(235,124,49)
```

Complementary Color

#31ebd9
```
#31ebd9 rgb(49,235,217)
```
#31a0eb
```
#31a0eb rgb(49,160,235)
```
#3143eb
```
#3143eb rgb(49,67,235)
```

Analogous Color

#ebd931
```
#ebd931 rgb(235,217,49)
```
#31a0eb
```
#31a0eb rgb(49,160,235)
```
#eb3143
```
#eb3143 rgb(235,49,67)
```

Split Complementary Color

#a0eb31
```
#a0eb31 rgb(160,235,49)
```
#31a0eb
```
#31a0eb rgb(49,160,235)
```
#eb31a0
```
#eb31a0 rgb(235,49,160)
```

Triadic Color

#31eb7c
```
#31eb7c rgb(49,235,124)
```
#31a0eb
```
#31a0eb rgb(49,160,235)
```
#eb31a0
```
#eb31a0 rgb(235,49,160)
```
#eb7c31
```
#eb7c31 rgb(235,124,49)
```

Tetradic Color

#1278bd
```
#1278bd rgb(18,120,189)
```
#1587d4
```
#1587d4 rgb(21,135,212)
```
#1a95e9
```
#1a95e9 rgb(26,149,233)
```
#31a0eb
```
#31a0eb rgb(49,160,235)
```
#48abed
```
#48abed rgb(72,171,237)
```
#5fb5f0
```
#5fb5f0 rgb(95,181,240)
```
#77c0f2
```
#77c0f2 rgb(119,192,242)
```

Monochromatic Color

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

#31cfeb
```
#31cfeb rgb(49,207,235)
```
#31bfeb
```
#31bfeb rgb(49,191,235)
```
#31b0eb
```
#31b0eb rgb(49,176,235)
```
#31a0eb
```
#31a0eb rgb(49,160,235)
```
#3191eb
```
#3191eb rgb(49,145,235)
```
#3181eb
```
#3181eb rgb(49,129,235)
```
#3172eb
```
#3172eb rgb(49,114,235)
```

Similar Colors

Text with hexadecimal color #31a0eb

This text has a font color of #31a0eb.

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

#31a0eb background color

This paragraph has a background color of #31a0eb.

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

#31a0eb border color

This element has a border color of #31a0eb.

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

CSS codes

.text {color:#31a0eb;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#03111a
```
#03111a rgb(3,17,26)
```
#041c2c
```
#041c2c rgb(4,28,44)
```
#06283e
```
#06283e rgb(6,40,62)
```
#083350
```
#083350 rgb(8,51,80)
```
#0a3e62
```
#0a3e62 rgb(10,62,98)
```
#0b4a74
```
#0b4a74 rgb(11,74,116)
```
#0d5586
```
#0d5586 rgb(13,85,134)
```
#0f6098
```
#0f6098 rgb(15,96,152)
```
#106ca9
```
#106ca9 rgb(16,108,169)
```
#1277bb
```
#1277bb rgb(18,119,187)
```
#1483cd
```
#1483cd rgb(20,131,205)
```
#168edf
```
#168edf rgb(22,142,223)
```

Shade Color Variation

#1f98e9
```
#1f98e9 rgb(31,152,233)
```
#31a0eb
```
#31a0eb rgb(49,160,235)
```
#43a8ed
```
#43a8ed rgb(67,168,237)
```
#55b0ee
```
#55b0ee rgb(85,176,238)
```
#67b9f0
```
#67b9f0 rgb(103,185,240)
```
#79c1f2
```
#79c1f2 rgb(121,193,242)
```
#8ac9f4
```
#8ac9f4 rgb(138,201,244)
```
#9cd1f5
```
#9cd1f5 rgb(156,209,245)
```
#aedaf7
```
#aedaf7 rgb(174,218,247)
```
#c0e2f9
```
#c0e2f9 rgb(192,226,249)
```
#d2eafb
```
#d2eafb rgb(210,234,251)
```
#e4f2fc
```
#e4f2fc rgb(228,242,252)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

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

#888f94
```
#888f94 rgb(136,143,148)
```
#7f919d
```
#7f919d rgb(127,145,157)
```
#7793a5
```
#7793a5 rgb(119,147,165)
```
#6e94ae
```
#6e94ae rgb(110,148,174)
```
#6596b7
```
#6596b7 rgb(101,150,183)
```
#5c98c0
```
#5c98c0 rgb(92,152,192)
```
#5499c8
```
#5499c8 rgb(84,153,200)
```
#4b9bd1
```
#4b9bd1 rgb(75,155,209)
```
#429dda
```
#429dda rgb(66,157,218)
```
#3a9ee2
```
#3a9ee2 rgb(58,158,226)
```
#31a0eb
```
#31a0eb rgb(49,160,235)
```
#28a2f4
```
#28a2f4 rgb(40,162,244)
```
#20a3fc
```
#20a3fc rgb(32,163,252)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#768c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#829be5 Protanopia 1% of men
#6e9eee Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#659de7 Protanomaly 1% of men, 0.01% of women
#579eed Deuteranomaly 6% of men, 0.4% of women
#11a8cb Tritanomaly 0.01% of the population

#31a0eb hex color

#31a0eb Color Information

#31a0eb Color Conversion

Color Schemes with #31a0eb

Alternatives to #31a0eb

#31a0eb Preview

Shades and Tints of #31a0eb

Tones of #31a0eb

Color Blindness Simulator