#31aefc hex color

In a RGB color space, hex #31aefc is composed of 19.2% red, 68.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 31% magenta, 0% yellow and 1.2% black. It has a hue angle of 203.1 degrees, a saturation of 97.1% and a lightness of 59%. #31aefc color hex could be obtained by blending #62ffff with #005df9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 68
- B 99
RGB color chart
- C 81
- M 31
- Y 0
- K 1
CMYK color chart

● #31aefc color description : Bright blue.

The hexadecimal color #31aefc has RGB values of R:49, G:174, B:252 and CMYK values of C:0.81, M:0.31, Y:0, K:0.01. Its decimal value is 3256060.

Hex triplet	31aefc	`#31aefc`
RGB Decimal	49, 174, 252	`rgb(49,174,252)`
RGB Percent	19.2, 68.2, 98.8	`rgb(19.2%,68.2%,98.8%)`
CMYK	81, 31, 0, 1
HSL	203.1°, 97.1, 59	`hsl(203.1,97.1%,59%)`
HSV (or HSB)	203.1°, 80.6, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.984, -7.172, -48.055
XYZ	33.969, 37.95, 97.625
xyY	0.2, 0.224, 37.95
CIE-LCH	67.984, 48.587, 261.512
CIE-LUV	67.984, -40.839, -77.05
Hunter-Lab	61.604, -9.38, -50.835
Binary	00110001, 10101110, 11111100

#31aefc
```
#31aefc rgb(49,174,252)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```

Complementary Color

#31fce5
```
#31fce5 rgb(49,252,229)
```
#31aefc
```
#31aefc rgb(49,174,252)
```
#3149fc
```
#3149fc rgb(49,73,252)
```

Analogous Color

#fce531
```
#fce531 rgb(252,229,49)
```
#31aefc
```
#31aefc rgb(49,174,252)
```
#fc3148
```
#fc3148 rgb(252,49,72)
```

Split Complementary Color

#aefc31
```
#aefc31 rgb(174,252,49)
```
#31aefc
```
#31aefc rgb(49,174,252)
```
#fc31ae
```
#fc31ae rgb(252,49,174)
```

Triadic Color

#31fc7f
```
#31fc7f rgb(49,252,127)
```
#31aefc
```
#31aefc rgb(49,174,252)
```
#fc31ae
```
#fc31ae rgb(252,49,174)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```

Tetradic Color

#0389dd
```
#0389dd rgb(3,137,221)
```
#0499f6
```
#0499f6 rgb(4,153,246)
```
#18a4fc
```
#18a4fc rgb(24,164,252)
```
#31aefc
```
#31aefc rgb(49,174,252)
```
#4ab8fc
```
#4ab8fc rgb(74,184,252)
```
#63c2fd
```
#63c2fd rgb(99,194,253)
```
#7cccfd
```
#7cccfd rgb(124,204,253)
```

Monochromatic Color

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

#31e1fc
```
#31e1fc rgb(49,225,252)
```
#31d0fc
```
#31d0fc rgb(49,208,252)
```
#31bffc
```
#31bffc rgb(49,191,252)
```
#31aefc
```
#31aefc rgb(49,174,252)
```
#319dfc
```
#319dfc rgb(49,157,252)
```
#318cfc
```
#318cfc rgb(49,140,252)
```
#317bfc
```
#317bfc rgb(49,123,252)
```

Similar Colors

Text with hexadecimal color #31aefc

This text has a font color of #31aefc.

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

#31aefc background color

This paragraph has a background color of #31aefc.

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

#31aefc border color

This element has a border color of #31aefc.

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

CSS codes

.text {color:#31aefc;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#00101a
```
#00101a rgb(0,16,26)
```
#011c2d
```
#011c2d rgb(1,28,45)
```
#012841
```
#012841 rgb(1,40,65)
```
#013454
```
#013454 rgb(1,52,84)
```
#024067
```
#024067 rgb(2,64,103)
```
#024c7b
```
#024c7b rgb(2,76,123)
```
#02588e
```
#02588e rgb(2,88,142)
```
#0264a1
```
#0264a1 rgb(2,100,161)
```
#0370b5
```
#0370b5 rgb(3,112,181)
```
#037cc8
```
#037cc8 rgb(3,124,200)
```
#0388db
```
#0388db rgb(3,136,219)
```
#0394ef
```
#0394ef rgb(3,148,239)
```

Shade Color Variation

#0a9ffb
```
#0a9ffb rgb(10,159,251)
```
#1ea6fc
```
#1ea6fc rgb(30,166,252)
```
#31aefc
```
#31aefc rgb(49,174,252)
```
#44b6fc
```
#44b6fc rgb(68,182,252)
```
#58bdfd
```
#58bdfd rgb(88,189,253)
```
#6bc5fd
```
#6bc5fd rgb(107,197,253)
```
#7eccfd
```
#7eccfd rgb(126,204,253)
```
#92d4fd
```
#92d4fd rgb(146,212,253)
```
#a5dcfe
```
#a5dcfe rgb(165,220,254)
```
#b8e3fe
```
#b8e3fe rgb(184,227,254)
```
#ccebfe
```
#ccebfe rgb(204,235,254)
```
#dff2ff
```
#dff2ff rgb(223,242,255)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91989c is the less saturated color, while #31aefc is the most saturated one.

#91989c
```
#91989c rgb(145,152,156)
```
#899aa4
```
#899aa4 rgb(137,154,164)
```
#819bac
```
#819bac rgb(129,155,172)
```
#799db4
```
#799db4 rgb(121,157,180)
```
#719fbc
```
#719fbc rgb(113,159,188)
```
#69a1c4
```
#69a1c4 rgb(105,161,196)
```
#61a3cc
```
#61a3cc rgb(97,163,204)
```
#59a5d4
```
#59a5d4 rgb(89,165,212)
```
#51a7dc
```
#51a7dc rgb(81,167,220)
```
#49a8e4
```
#49a8e4 rgb(73,168,228)
```
#41aaec
```
#41aaec rgb(65,170,236)
```
#39acf4
```
#39acf4 rgb(57,172,244)
```
#31aefc
```
#31aefc rgb(49,174,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7f98a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea7f4 Protanopia 1% of men
#79aaff Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#6caaf7 Protanomaly 1% of men, 0.01% of women
#5fabfd Deuteranomaly 6% of men, 0.4% of women
#11b6da Tritanomaly 0.01% of the population

#31aefc hex color

#31aefc Color Information

#31aefc Color Conversion

Color Schemes with #31aefc

Alternatives to #31aefc

#31aefc Preview

Shades and Tints of #31aefc

Tones of #31aefc

Color Blindness Simulator