#83b5fd hex color

In a RGB color space, hex #83b5fd is composed of 51.4% red, 71% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 28.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 215.4 degrees, a saturation of 96.8% and a lightness of 75.3%. #83b5fd color hex could be obtained by blending #ffffff with #076bfb. Closest websafe color is: #99ccff.

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

● #83b5fd color description : Soft blue.

The hexadecimal color #83b5fd has RGB values of R:131, G:181, B:253 and CMYK values of C:0.48, M:0.28, Y:0, K:0.01. Its decimal value is 8631805.

Hex triplet	83b5fd	`#83b5fd`
RGB Decimal	131, 181, 253	`rgb(131,181,253)`
RGB Percent	51.4, 71, 99.2	`rgb(51.4%,71%,99.2%)`
CMYK	48, 28, 0, 1
HSL	215.4°, 96.8, 75.3	`hsl(215.4,96.8%,75.3%)`
HSV (or HSB)	215.4°, 48.2, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.867, 2.593, -40.734
XYZ	43.61, 44.963, 99.304
xyY	0.232, 0.239, 44.963
CIE-LCH	72.867, 40.817, 273.642
CIE-LUV	72.867, -24.764, -66.337
Hunter-Lab	67.054, -1.255, -40.867
Binary	10000011, 10110101, 11111101

#83b5fd
```
#83b5fd rgb(131,181,253)
```
#fdcb83
```
#fdcb83 rgb(253,203,131)
```

Complementary Color

#83f2fd
```
#83f2fd rgb(131,242,253)
```
#83b5fd
```
#83b5fd rgb(131,181,253)
```
#8e83fd
```
#8e83fd rgb(142,131,253)
```

Analogous Color

#f2fd83
```
#f2fd83 rgb(242,253,131)
```
#83b5fd
```
#83b5fd rgb(131,181,253)
```
#fd8e83
```
#fd8e83 rgb(253,142,131)
```

Split Complementary Color

#b5fd83
```
#b5fd83 rgb(181,253,131)
```
#83b5fd
```
#83b5fd rgb(131,181,253)
```
#fd83b5
```
#fd83b5 rgb(253,131,181)
```

Triadic Color

#83fdcb
```
#83fdcb rgb(131,253,203)
```
#83b5fd
```
#83b5fd rgb(131,181,253)
```
#fd83b5
```
#fd83b5 rgb(253,131,181)
```
#fdcb83
```
#fdcb83 rgb(253,203,131)
```

Tetradic Color

#3888fc
```
#3888fc rgb(56,136,252)
```
#5197fc
```
#5197fc rgb(81,151,252)
```
#6aa6fd
```
#6aa6fd rgb(106,166,253)
```
#83b5fd
```
#83b5fd rgb(131,181,253)
```
#9cc4fd
```
#9cc4fd rgb(156,196,253)
```
#b5d3fe
```
#b5d3fe rgb(181,211,254)
```
#cee2fe
```
#cee2fe rgb(206,226,254)
```

Monochromatic Color

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

#83d4fd
```
#83d4fd rgb(131,212,253)
```
#83c9fd
```
#83c9fd rgb(131,201,253)
```
#83bffd
```
#83bffd rgb(131,191,253)
```
#83b5fd
```
#83b5fd rgb(131,181,253)
```
#83abfd
```
#83abfd rgb(131,171,253)
```
#83a1fd
```
#83a1fd rgb(131,161,253)
```
#8397fd
```
#8397fd rgb(131,151,253)
```

Similar Colors

Text with hexadecimal color #83b5fd

This text has a font color of #83b5fd.

<span style="color:#83b5fd;">Text here</span>

#83b5fd background color

This paragraph has a background color of #83b5fd.

<p style="background-color:#83b5fd;">Content here</p>

#83b5fd border color

This element has a border color of #83b5fd.

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

CSS codes

.text {color:#83b5fd;}

.background {background-color:#83b5fd;}

.border {border:1px solid #83b5fd;}

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, #00050b is the darkest color, while #f7faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#000d1e
```
#000d1e rgb(0,13,30)
```
#011532
```
#011532 rgb(1,21,50)
```
#011d45
```
#011d45 rgb(1,29,69)
```
#012558
```
#012558 rgb(1,37,88)
```
#022d6c
```
#022d6c rgb(2,45,108)
```
#02357f
```
#02357f rgb(2,53,127)
```
#023d92
```
#023d92 rgb(2,61,146)
```
#0345a6
```
#0345a6 rgb(3,69,166)
```
#034eb9
```
#034eb9 rgb(3,78,185)
```
#0356cc
```
#0356cc rgb(3,86,204)
```
#045edf
```
#045edf rgb(4,94,223)
```
#0466f3
```
#0466f3 rgb(4,102,243)
```

Shade Color Variation

#0f70fb
```
#0f70fb rgb(15,112,251)
```
#227bfb
```
#227bfb rgb(34,123,251)
```
#3687fc
```
#3687fc rgb(54,135,252)
```
#4992fc
```
#4992fc rgb(73,146,252)
```
#5c9efc
```
#5c9efc rgb(92,158,252)
```
#70a9fd
```
#70a9fd rgb(112,169,253)
```
#83b5fd
```
#83b5fd rgb(131,181,253)
```
#96c1fd
```
#96c1fd rgb(150,193,253)
```
#aaccfe
```
#aaccfe rgb(170,204,254)
```
#bdd8fe
```
#bdd8fe rgb(189,216,254)
```
#d0e3fe
```
#d0e3fe rgb(208,227,254)
```
#e4efff
```
#e4efff rgb(228,239,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bdbfc3 is the less saturated color, while #83b5fd is the most saturated one.

#bdbfc3
```
#bdbfc3 rgb(189,191,195)
```
#b8bfc8
```
#b8bfc8 rgb(184,191,200)
```
#b3becd
```
#b3becd rgb(179,190,205)
```
#afbdd1
```
#afbdd1 rgb(175,189,209)
```
#aabcd6
```
#aabcd6 rgb(170,188,214)
```
#a5bbdb
```
#a5bbdb rgb(165,187,219)
```
#a0bae0
```
#a0bae0 rgb(160,186,224)
```
#9bb9e5
```
#9bb9e5 rgb(155,185,229)
```
#96b8ea
```
#96b8ea rgb(150,184,234)
```
#92b8ee
```
#92b8ee rgb(146,184,238)
```
#8db7f3
```
#8db7f3 rgb(141,183,243)
```
#88b6f8
```
#88b6f8 rgb(136,182,248)
```
#83b5fd
```
#83b5fd rgb(131,181,253)
```

Tone Color Variation

Below, you can see how #83b5fd 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

#aeaeae Achromatopsia 0.005% of the population
#a5afbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb4f9 Protanopia 1% of men
#98b5fe Deuteranopia 1% of men
#77c1d0 Tritanopia 0.001% of the population

Trichromacy

#95b4fb Protanomaly 1% of men, 0.01% of women
#90b5fd Deuteranomaly 6% of men, 0.4% of women
#7bbde0 Tritanomaly 0.01% of the population

#83b5fd hex color

#83b5fd Color Information

#83b5fd Color Conversion

Color Schemes with #83b5fd

Alternatives to #83b5fd

#83b5fd Preview

Shades and Tints of #83b5fd

Tones of #83b5fd

Color Blindness Simulator