#31ade1 hex color

In a RGB color space, hex #31ade1 is composed of 19.2% red, 67.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 23.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 197.7 degrees, a saturation of 74.6% and a lightness of 53.7%. #31ade1 color hex could be obtained by blending #62ffff with #005bc3. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 68
- B 88
RGB color chart
- C 78
- M 23
- Y 0
- K 12
CMYK color chart

● #31ade1 color description : Bright blue.

The hexadecimal color #31ade1 has RGB values of R:49, G:173, B:225 and CMYK values of C:0.78, M:0.23, Y:0, K:0.12. Its decimal value is 3255777.

Hex triplet	31ade1	`#31ade1`
RGB Decimal	49, 173, 225	`rgb(49,173,225)`
RGB Percent	19.2, 67.8, 88.2	`rgb(19.2%,67.8%,88.2%)`
CMYK	78, 23, 0, 12
HSL	197.7°, 74.6, 53.7	`hsl(197.7,74.6%,53.7%)`
HSV (or HSB)	197.7°, 78.2, 88.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.5, -15.939, -35.638
XYZ	29.797, 35.974, 76.603
xyY	0.209, 0.253, 35.974
CIE-LCH	66.5, 39.04, 245.904
CIE-LUV	66.5, -42.107, -54.665
Hunter-Lab	59.978, -16.282, -33.74
Binary	00110001, 10101101, 11100001

#31ade1
```
#31ade1 rgb(49,173,225)
```
#e16531
```
#e16531 rgb(225,101,49)
```

Complementary Color

#31e1bd
```
#31e1bd rgb(49,225,189)
```
#31ade1
```
#31ade1 rgb(49,173,225)
```
#3155e1
```
#3155e1 rgb(49,85,225)
```

Analogous Color

#e1bd31
```
#e1bd31 rgb(225,189,49)
```
#31ade1
```
#31ade1 rgb(49,173,225)
```
#e13155
```
#e13155 rgb(225,49,85)
```

Split Complementary Color

#ade131
```
#ade131 rgb(173,225,49)
```
#31ade1
```
#31ade1 rgb(49,173,225)
```
#e131ad
```
#e131ad rgb(225,49,173)
```

Triadic Color

#31e165
```
#31e165 rgb(49,225,101)
```
#31ade1
```
#31ade1 rgb(49,173,225)
```
#e131ad
```
#e131ad rgb(225,49,173)
```
#e16531
```
#e16531 rgb(225,101,49)
```

Tetradic Color

#1981ac
```
#1981ac rgb(25,129,172)
```
#1c92c3
```
#1c92c3 rgb(28,146,195)
```
#20a2d9
```
#20a2d9 rgb(32,162,217)
```
#31ade1
```
#31ade1 rgb(49,173,225)
```
#47b6e4
```
#47b6e4 rgb(71,182,228)
```
#5ebfe7
```
#5ebfe7 rgb(94,191,231)
```
#74c8eb
```
#74c8eb rgb(116,200,235)
```

Monochromatic Color

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

#31d9e1
```
#31d9e1 rgb(49,217,225)
```
#31cae1
```
#31cae1 rgb(49,202,225)
```
#31bce1
```
#31bce1 rgb(49,188,225)
```
#31ade1
```
#31ade1 rgb(49,173,225)
```
#319ee1
```
#319ee1 rgb(49,158,225)
```
#3190e1
```
#3190e1 rgb(49,144,225)
```
#3181e1
```
#3181e1 rgb(49,129,225)
```

Similar Colors

Text with hexadecimal color #31ade1

This text has a font color of #31ade1.

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

#31ade1 background color

This paragraph has a background color of #31ade1.

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

#31ade1 border color

This element has a border color of #31ade1.

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

CSS codes

.text {color:#31ade1;}

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

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

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, #020c11 is the darkest color, while #feffff is the lightest one.

#020c11
```
#020c11 rgb(2,12,17)
```
#051922
```
#051922 rgb(5,25,34)
```
#072633
```
#072633 rgb(7,38,51)
```
#0a3344
```
#0a3344 rgb(10,51,68)
```
#0c4055
```
#0c4055 rgb(12,64,85)
```
#0f4c66
```
#0f4c66 rgb(15,76,102)
```
#115977
```
#115977 rgb(17,89,119)
```
#146688
```
#146688 rgb(20,102,136)
```
#16739a
```
#16739a rgb(22,115,154)
```
#1980ab
```
#1980ab rgb(25,128,171)
```
#1b8cbc
```
#1b8cbc rgb(27,140,188)
```
#1e99cd
```
#1e99cd rgb(30,153,205)
```
#20a6de
```
#20a6de rgb(32,166,222)
```

Shade Color Variation

#31ade1
```
#31ade1 rgb(49,173,225)
```
#42b4e3
```
#42b4e3 rgb(66,180,227)
```
#53bbe6
```
#53bbe6 rgb(83,187,230)
```
#64c1e8
```
#64c1e8 rgb(100,193,232)
```
#75c8eb
```
#75c8eb rgb(117,200,235)
```
#87cfed
```
#87cfed rgb(135,207,237)
```
#98d6f0
```
#98d6f0 rgb(152,214,240)
```
#a9ddf2
```
#a9ddf2 rgb(169,221,242)
```
#bae4f5
```
#bae4f5 rgb(186,228,245)
```
#cbeaf7
```
#cbeaf7 rgb(203,234,247)
```
#dcf1fa
```
#dcf1fa rgb(220,241,250)
```
#edf8fc
```
#edf8fc rgb(237,248,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838c8f is the less saturated color, while #16b8fc is the most saturated one.

#838c8f
```
#838c8f rgb(131,140,143)
```
#7a8f98
```
#7a8f98 rgb(122,143,152)
```
#7193a1
```
#7193a1 rgb(113,147,161)
```
#6797ab
```
#6797ab rgb(103,151,171)
```
#5e9ab4
```
#5e9ab4 rgb(94,154,180)
```
#559ebd
```
#559ebd rgb(85,158,189)
```
#4ca2c6
```
#4ca2c6 rgb(76,162,198)
```
#43a6cf
```
#43a6cf rgb(67,166,207)
```
#3aa9d8
```
#3aa9d8 rgb(58,169,216)
```
#31ade1
```
#31ade1 rgb(49,173,225)
```
#28b1ea
```
#28b1ea rgb(40,177,234)
```
#1fb4f3
```
#1fb4f3 rgb(31,180,243)
```
#16b8fc
```
#16b8fc rgb(22,184,252)
```

Tone Color Variation

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

Dichromacy

#96a4d9 Protanopia 1% of men
#8ba5e7 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#71a7dc Protanomaly 1% of men, 0.01% of women
#6aa8e5 Deuteranomaly 6% of men, 0.4% of women
#11b3ce Tritanomaly 0.01% of the population

#31ade1 hex color

#31ade1 Color Information

#31ade1 Color Conversion

Color Schemes with #31ade1

Alternatives to #31ade1

#31ade1 Preview

Shades and Tints of #31ade1

Tones of #31ade1

Color Blindness Simulator