#31a8ef hex color

In a RGB color space, hex #31a8ef is composed of 19.2% red, 65.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 29.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 202.4 degrees, a saturation of 85.6% and a lightness of 56.5%. #31a8ef color hex could be obtained by blending #62ffff with #0051df. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 66
- B 94
RGB color chart
- C 79
- M 30
- Y 0
- K 6
CMYK color chart

● #31a8ef color description : Bright blue.

The hexadecimal color #31a8ef has RGB values of R:49, G:168, B:239 and CMYK values of C:0.79, M:0.3, Y:0, K:0.06. Its decimal value is 3254511.

Hex triplet	31a8ef	`#31a8ef`
RGB Decimal	49, 168, 239	`rgb(49,168,239)`
RGB Percent	19.2, 65.9, 93.7	`rgb(19.2%,65.9%,93.7%)`
CMYK	79, 30, 0, 6
HSL	202.4°, 85.6, 56.5	`hsl(202.4,85.6%,56.5%)`
HSV (or HSB)	202.4°, 79.5, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.661, -8.386, -44.626
XYZ	30.845, 34.888, 86.765
xyY	0.202, 0.229, 34.888
CIE-LCH	65.661, 45.407, 259.357
CIE-LUV	65.661, -39.564, -70.692
Hunter-Lab	59.066, -10.148, -45.749
Binary	00110001, 10101000, 11101111

#31a8ef
```
#31a8ef rgb(49,168,239)
```
#ef7831
```
#ef7831 rgb(239,120,49)
```

Complementary Color

#31efd7
```
#31efd7 rgb(49,239,215)
```
#31a8ef
```
#31a8ef rgb(49,168,239)
```
#3149ef
```
#3149ef rgb(49,73,239)
```

Analogous Color

#efd731
```
#efd731 rgb(239,215,49)
```
#31a8ef
```
#31a8ef rgb(49,168,239)
```
#ef3149
```
#ef3149 rgb(239,49,73)
```

Split Complementary Color

#a8ef31
```
#a8ef31 rgb(168,239,49)
```
#31a8ef
```
#31a8ef rgb(49,168,239)
```
#ef31a8
```
#ef31a8 rgb(239,49,168)
```

Triadic Color

#31ef78
```
#31ef78 rgb(49,239,120)
```
#31a8ef
```
#31a8ef rgb(49,168,239)
```
#ef31a8
```
#ef31a8 rgb(239,49,168)
```
#ef7831
```
#ef7831 rgb(239,120,49)
```

Tetradic Color

#0f81c4
```
#0f81c4 rgb(15,129,196)
```
#1190dc
```
#1190dc rgb(17,144,220)
```
#199eed
```
#199eed rgb(25,158,237)
```
#31a8ef
```
#31a8ef rgb(49,168,239)
```
#49b2f1
```
#49b2f1 rgb(73,178,241)
```
#60bcf3
```
#60bcf3 rgb(96,188,243)
```
#78c6f5
```
#78c6f5 rgb(120,198,245)
```

Monochromatic Color

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

#31d8ef
```
#31d8ef rgb(49,216,239)
```
#31c8ef
```
#31c8ef rgb(49,200,239)
```
#31b8ef
```
#31b8ef rgb(49,184,239)
```
#31a8ef
```
#31a8ef rgb(49,168,239)
```
#3198ef
```
#3198ef rgb(49,152,239)
```
#3188ef
```
#3188ef rgb(49,136,239)
```
#3179ef
```
#3179ef rgb(49,121,239)
```

Similar Colors

Text with hexadecimal color #31a8ef

This text has a font color of #31a8ef.

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

#31a8ef background color

This paragraph has a background color of #31a8ef.

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

#31a8ef border color

This element has a border color of #31a8ef.

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

CSS codes

.text {color:#31a8ef;}

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

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

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, #01080c is the darkest color, while #f9fdff is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#02141f
```
#02141f rgb(2,20,31)
```
#042031
```
#042031 rgb(4,32,49)
```
#052c43
```
#052c43 rgb(5,44,67)
```
#073855
```
#073855 rgb(7,56,85)
```
#084467
```
#084467 rgb(8,68,103)
```
#09507a
```
#09507a rgb(9,80,122)
```
#0b5c8c
```
#0b5c8c rgb(11,92,140)
```
#0c689e
```
#0c689e rgb(12,104,158)
```
#0e73b0
```
#0e73b0 rgb(14,115,176)
```
#0f7fc2
```
#0f7fc2 rgb(15,127,194)
```
#118bd5
```
#118bd5 rgb(17,139,213)
```
#1297e7
```
#1297e7 rgb(18,151,231)
```

Shade Color Variation

#1fa0ee
```
#1fa0ee rgb(31,160,238)
```
#31a8ef
```
#31a8ef rgb(49,168,239)
```
#43b0f0
```
#43b0f0 rgb(67,176,240)
```
#55b7f2
```
#55b7f2 rgb(85,183,242)
```
#68bff3
```
#68bff3 rgb(104,191,243)
```
#7ac7f5
```
#7ac7f5 rgb(122,199,245)
```
#8ccef6
```
#8ccef6 rgb(140,206,246)
```
#9ed6f7
```
#9ed6f7 rgb(158,214,247)
```
#b0def9
```
#b0def9 rgb(176,222,249)
```
#c3e5fa
```
#c3e5fa rgb(195,229,250)
```
#d5edfc
```
#d5edfc rgb(213,237,252)
```
#e7f5fd
```
#e7f5fd rgb(231,245,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9091 is the less saturated color, while #28aaf8 is the most saturated one.

#8f9091
```
#8f9091 rgb(143,144,145)
```
#86929a
```
#86929a rgb(134,146,154)
```
#7e95a2
```
#7e95a2 rgb(126,149,162)
```
#7597ab
```
#7597ab rgb(117,151,171)
```
#6d99b3
```
#6d99b3 rgb(109,153,179)
```
#649bbc
```
#649bbc rgb(100,155,188)
```
#5c9dc4
```
#5c9dc4 rgb(92,157,196)
```
#539fcd
```
#539fcd rgb(83,159,205)
```
#4ba2d5
```
#4ba2d5 rgb(75,162,213)
```
#42a4de
```
#42a4de rgb(66,164,222)
```
#3aa6e6
```
#3aa6e6 rgb(58,166,230)
```
#31a8ef
```
#31a8ef rgb(49,168,239)
```
#28aaf8
```
#28aaf8 rgb(40,170,248)
```

Tone Color Variation

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

Dichromacy

#8ba2e8 Protanopia 1% of men
#79a4f3 Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#6aa4ea Protanomaly 1% of men, 0.01% of women
#5ea5f1 Deuteranomaly 6% of men, 0.4% of women
#11afd1 Tritanomaly 0.01% of the population

#31a8ef hex color

#31a8ef Color Information

#31a8ef Color Conversion

Color Schemes with #31a8ef

Alternatives to #31a8ef

#31a8ef Preview

Shades and Tints of #31a8ef

Tones of #31a8ef

Color Blindness Simulator