#31b6fd hex color

In a RGB color space, hex #31b6fd is composed of 19.2% red, 71.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 28.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 200.9 degrees, a saturation of 98.1% and a lightness of 59.2%. #31b6fd color hex could be obtained by blending #62ffff with #006dfb. Closest websafe color is: #33ccff.

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

● #31b6fd color description : Bright blue.

The hexadecimal color #31b6fd has RGB values of R:49, G:182, B:253 and CMYK values of C:0.81, M:0.28, Y:0, K:0.01. Its decimal value is 3258109.

Hex triplet	31b6fd	`#31b6fd`
RGB Decimal	49, 182, 253	`rgb(49,182,253)`
RGB Percent	19.2, 71.4, 99.2	`rgb(19.2%,71.4%,99.2%)`
CMYK	81, 28, 0, 1
HSL	200.9°, 98.1, 59.2	`hsl(200.9,98.1%,59.2%)`
HSV (or HSB)	200.9°, 80.6, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.314, -11.221, -44.934
XYZ	35.72, 41.198, 98.992
xyY	0.203, 0.234, 41.198
CIE-LCH	70.314, 46.314, 255.978
CIE-LUV	70.314, -43.46, -71.586
Hunter-Lab	64.185, -12.987, -46.513
Binary	00110001, 10110110, 11111101

#31b6fd
```
#31b6fd rgb(49,182,253)
```
#fd7831
```
#fd7831 rgb(253,120,49)
```

Complementary Color

#31fdde
```
#31fdde rgb(49,253,222)
```
#31b6fd
```
#31b6fd rgb(49,182,253)
```
#3150fd
```
#3150fd rgb(49,80,253)
```

Analogous Color

#fdde31
```
#fdde31 rgb(253,222,49)
```
#31b6fd
```
#31b6fd rgb(49,182,253)
```
#fd3150
```
#fd3150 rgb(253,49,80)
```

Split Complementary Color

#b6fd31
```
#b6fd31 rgb(182,253,49)
```
#31b6fd
```
#31b6fd rgb(49,182,253)
```
#fd31b6
```
#fd31b6 rgb(253,49,182)
```

Triadic Color

#31fd78
```
#31fd78 rgb(49,253,120)
```
#31b6fd
```
#31b6fd rgb(49,182,253)
```
#fd31b6
```
#fd31b6 rgb(253,49,182)
```
#fd7831
```
#fd7831 rgb(253,120,49)
```

Tetradic Color

#0292df
```
#0292df rgb(2,146,223)
```
#02a3f9
```
#02a3f9 rgb(2,163,249)
```
#18adfd
```
#18adfd rgb(24,173,253)
```
#31b6fd
```
#31b6fd rgb(49,182,253)
```
#4abffd
```
#4abffd rgb(74,191,253)
```
#64c8fd
```
#64c8fd rgb(100,200,253)
```
#7dd1fe
```
#7dd1fe rgb(125,209,254)
```

Monochromatic Color

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

#31e9fd
```
#31e9fd rgb(49,233,253)
```
#31d8fd
```
#31d8fd rgb(49,216,253)
```
#31c7fd
```
#31c7fd rgb(49,199,253)
```
#31b6fd
```
#31b6fd rgb(49,182,253)
```
#31a5fd
```
#31a5fd rgb(49,165,253)
```
#3194fd
```
#3194fd rgb(49,148,253)
```
#3183fd
```
#3183fd rgb(49,131,253)
```

Similar Colors

Text with hexadecimal color #31b6fd

This text has a font color of #31b6fd.

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

#31b6fd background color

This paragraph has a background color of #31b6fd.

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

#31b6fd border color

This element has a border color of #31b6fd.

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

CSS codes

.text {color:#31b6fd;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#00121b
```
#00121b rgb(0,18,27)
```
#001f2f
```
#001f2f rgb(0,31,47)
```
#012b42
```
#012b42 rgb(1,43,66)
```
#013855
```
#013855 rgb(1,56,85)
```
#014569
```
#014569 rgb(1,69,105)
```
#01517c
```
#01517c rgb(1,81,124)
```
#015e90
```
#015e90 rgb(1,94,144)
```
#026ba3
```
#026ba3 rgb(2,107,163)
```
#0278b7
```
#0278b7 rgb(2,120,183)
```
#0284ca
```
#0284ca rgb(2,132,202)
```
#0291dd
```
#0291dd rgb(2,145,221)
```
#029ef1
```
#029ef1 rgb(2,158,241)
```

Shade Color Variation

#0aa8fd
```
#0aa8fd rgb(10,168,253)
```
#1eaffd
```
#1eaffd rgb(30,175,253)
```
#31b6fd
```
#31b6fd rgb(49,182,253)
```
#44bdfd
```
#44bdfd rgb(68,189,253)
```
#58c4fd
```
#58c4fd rgb(88,196,253)
```
#6bcbfe
```
#6bcbfe rgb(107,203,254)
```
#7fd2fe
```
#7fd2fe rgb(127,210,254)
```
#92d8fe
```
#92d8fe rgb(146,216,254)
```
#a6dffe
```
#a6dffe rgb(166,223,254)
```
#b9e6fe
```
#b9e6fe rgb(185,230,254)
```
#ccedff
```
#ccedff rgb(204,237,255)
```
#e0f4ff
```
#e0f4ff rgb(224,244,255)
```
#f3fbff
```
#f3fbff rgb(243,251,255)
```

Tint Color Variation

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

#91999d
```
#91999d rgb(145,153,157)
```
#899ba5
```
#899ba5 rgb(137,155,165)
```
#819ead
```
#819ead rgb(129,158,173)
```
#79a0b5
```
#79a0b5 rgb(121,160,181)
```
#71a3bd
```
#71a3bd rgb(113,163,189)
```
#69a5c5
```
#69a5c5 rgb(105,165,197)
```
#61a7cd
```
#61a7cd rgb(97,167,205)
```
#59aad5
```
#59aad5 rgb(89,170,213)
```
#51acdd
```
#51acdd rgb(81,172,221)
```
#49afe5
```
#49afe5 rgb(73,175,229)
```
#41b1ed
```
#41b1ed rgb(65,177,237)
```
#39b4f5
```
#39b4f5 rgb(57,180,245)
```
#31b6fd
```
#31b6fd rgb(49,182,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#829cab Atypical Achromatopsia 0.001% of the population

Dichromacy

#98adf4 Protanopia 1% of men
#87afff Deuteranopia 1% of men
#00c1ce Tritanopia 0.001% of the population

Trichromacy

#72b0f7 Protanomaly 1% of men, 0.01% of women
#68b2fe Deuteranomaly 6% of men, 0.4% of women
#11bddf Tritanomaly 0.01% of the population

#31b6fd hex color

#31b6fd Color Information

#31b6fd Color Conversion

Color Schemes with #31b6fd

Alternatives to #31b6fd

#31b6fd Preview

Shades and Tints of #31b6fd

Tones of #31b6fd

Color Blindness Simulator