#31b0fe hex color

In a RGB color space, hex #31b0fe is composed of 19.2% red, 69% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 30.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 202.8 degrees, a saturation of 99% and a lightness of 59.4%. #31b0fe color hex could be obtained by blending #62ffff with #0061fd. Closest websafe color is: #3399ff.

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

● #31b0fe color description : Bright blue.

The hexadecimal color #31b0fe has RGB values of R:49, G:176, B:254 and CMYK values of C:0.81, M:0.31, Y:0, K:0. Its decimal value is 3256574.

Hex triplet	31b0fe	`#31b0fe`
RGB Decimal	49, 176, 254	`rgb(49,176,254)`
RGB Percent	19.2, 69, 99.6	`rgb(19.2%,69%,99.6%)`
CMYK	81, 31, 0, 0
HSL	202.8°, 99, 59.4	`hsl(202.8,99%,59.4%)`
HSV (or HSB)	202.8°, 80.7, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.647, -7.582, -48.095
XYZ	34.677, 38.856, 99.433
xyY	0.2, 0.225, 38.856
CIE-LCH	68.647, 48.689, 261.041
CIE-LUV	68.647, -41.392, -77.181
Hunter-Lab	62.335, -9.786, -50.942
Binary	00110001, 10110000, 11111110

#31b0fe
```
#31b0fe rgb(49,176,254)
```
#fe7f31
```
#fe7f31 rgb(254,127,49)
```

Complementary Color

#31fee6
```
#31fee6 rgb(49,254,230)
```
#31b0fe
```
#31b0fe rgb(49,176,254)
```
#314afe
```
#314afe rgb(49,74,254)
```

Analogous Color

#fee631
```
#fee631 rgb(254,230,49)
```
#31b0fe
```
#31b0fe rgb(49,176,254)
```
#fe314a
```
#fe314a rgb(254,49,74)
```

Split Complementary Color

#b0fe31
```
#b0fe31 rgb(176,254,49)
```
#31b0fe
```
#31b0fe rgb(49,176,254)
```
#fe31b0
```
#fe31b0 rgb(254,49,176)
```

Triadic Color

#31fe7f
```
#31fe7f rgb(49,254,127)
```
#31b0fe
```
#31b0fe rgb(49,176,254)
```
#fe31b0
```
#fe31b0 rgb(254,49,176)
```
#fe7f31
```
#fe7f31 rgb(254,127,49)
```

Tetradic Color

#018ce1
```
#018ce1 rgb(1,140,225)
```
#019cfb
```
#019cfb rgb(1,156,251)
```
#18a6fe
```
#18a6fe rgb(24,166,254)
```
#31b0fe
```
#31b0fe rgb(49,176,254)
```
#4abafe
```
#4abafe rgb(74,186,254)
```
#64c3fe
```
#64c3fe rgb(100,195,254)
```
#7dcdfe
```
#7dcdfe rgb(125,205,254)
```

Monochromatic Color

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

#31e3fe
```
#31e3fe rgb(49,227,254)
```
#31d2fe
```
#31d2fe rgb(49,210,254)
```
#31c1fe
```
#31c1fe rgb(49,193,254)
```
#31b0fe
```
#31b0fe rgb(49,176,254)
```
#319ffe
```
#319ffe rgb(49,159,254)
```
#318efe
```
#318efe rgb(49,142,254)
```
#317dfe
```
#317dfe rgb(49,125,254)
```

Similar Colors

Text with hexadecimal color #31b0fe

This text has a font color of #31b0fe.

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

#31b0fe background color

This paragraph has a background color of #31b0fe.

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

#31b0fe border color

This element has a border color of #31b0fe.

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

CSS codes

.text {color:#31b0fe;}

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

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

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

#000509
```
#000509 rgb(0,5,9)
```
#00121c
```
#00121c rgb(0,18,28)
```
#001e30
```
#001e30 rgb(0,30,48)
```
#002a43
```
#002a43 rgb(0,42,67)
```
#003657
```
#003657 rgb(0,54,87)
```
#01426a
```
#01426a rgb(1,66,106)
```
#014e7e
```
#014e7e rgb(1,78,126)
```
#015a91
```
#015a91 rgb(1,90,145)
```
#0166a5
```
#0166a5 rgb(1,102,165)
```
#0173b8
```
#0173b8 rgb(1,115,184)
```
#017fcc
```
#017fcc rgb(1,127,204)
```
#018bdf
```
#018bdf rgb(1,139,223)
```
#0197f3
```
#0197f3 rgb(1,151,243)
```

Shade Color Variation

#0aa1fe
```
#0aa1fe rgb(10,161,254)
```
#1da9fe
```
#1da9fe rgb(29,169,254)
```
#31b0fe
```
#31b0fe rgb(49,176,254)
```
#45b7fe
```
#45b7fe rgb(69,183,254)
```
#58bffe
```
#58bffe rgb(88,191,254)
```
#6cc6fe
```
#6cc6fe rgb(108,198,254)
```
#7fcefe
```
#7fcefe rgb(127,206,254)
```
#93d5fe
```
#93d5fe rgb(147,213,254)
```
#a6ddff
```
#a6ddff rgb(166,221,255)
```
#bae4ff
```
#bae4ff rgb(186,228,255)
```
#cdecff
```
#cdecff rgb(205,236,255)
```
#e1f3ff
```
#e1f3ff rgb(225,243,255)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

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

#91999e
```
#91999e rgb(145,153,158)
```
#899ba6
```
#899ba6 rgb(137,155,166)
```
#819dae
```
#819dae rgb(129,157,174)
```
#799fb6
```
#799fb6 rgb(121,159,182)
```
#71a1be
```
#71a1be rgb(113,161,190)
```
#69a3c6
```
#69a3c6 rgb(105,163,198)
```
#61a5ce
```
#61a5ce rgb(97,165,206)
```
#59a6d6
```
#59a6d6 rgb(89,166,214)
```
#51a8de
```
#51a8de rgb(81,168,222)
```
#49aae6
```
#49aae6 rgb(73,170,230)
```
#41acee
```
#41acee rgb(65,172,238)
```
#39aef6
```
#39aef6 rgb(57,174,246)
```
#31b0fe
```
#31b0fe rgb(49,176,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7f99a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a9f6 Protanopia 1% of men
#7dabff Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#6dabf8 Protanomaly 1% of men, 0.01% of women
#61adfe Deuteranomaly 6% of men, 0.4% of women
#11b8dc Tritanomaly 0.01% of the population

#31b0fe hex color

#31b0fe Color Information

#31b0fe Color Conversion

Color Schemes with #31b0fe

Alternatives to #31b0fe

#31b0fe Preview

Shades and Tints of #31b0fe

Tones of #31b0fe

Color Blindness Simulator