#83b4e1 hex color

In a RGB color space, hex #83b4e1 is composed of 51.4% red, 70.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 41.8% cyan, 20% magenta, 0% yellow and 11.8% black. It has a hue angle of 208.7 degrees, a saturation of 61% and a lightness of 69.8%. #83b4e1 color hex could be obtained by blending #ffffff with #0769c3. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 51
- G 71
- B 88
RGB color chart
- C 42
- M 20
- Y 0
- K 12
CMYK color chart

● #83b4e1 color description : Very soft blue.

The hexadecimal color #83b4e1 has RGB values of R:131, G:180, B:225 and CMYK values of C:0.42, M:0.2, Y:0, K:0.12. Its decimal value is 8631521.

Hex triplet	83b4e1	`#83b4e1`
RGB Decimal	131, 180, 225	`rgb(131,180,225)`
RGB Percent	51.4, 70.6, 88.2	`rgb(51.4%,70.6%,88.2%)`
CMYK	42, 20, 0, 12
HSL	208.7°, 61, 69.8	`hsl(208.7,61%,69.8%)`
HSV (or HSB)	208.7°, 41.8, 88.2
Web Safe	99cccc	`#99cccc`

CIE-LAB	71.489, -4.709, -27.684
XYZ	39.269, 42.902, 77.442
xyY	0.246, 0.269, 42.902
CIE-LCH	71.489, 28.081, 260.347
CIE-LUV	71.489, -24.346, -43.127
Hunter-Lab	65.5, -7.61, -24.25
Binary	10000011, 10110100, 11100001

#83b4e1
```
#83b4e1 rgb(131,180,225)
```
#e1b083
```
#e1b083 rgb(225,176,131)
```

Complementary Color

#83e1df
```
#83e1df rgb(131,225,223)
```
#83b4e1
```
#83b4e1 rgb(131,180,225)
```
#8385e1
```
#8385e1 rgb(131,133,225)
```

Analogous Color

#e1df83
```
#e1df83 rgb(225,223,131)
```
#83b4e1
```
#83b4e1 rgb(131,180,225)
```
#e18385
```
#e18385 rgb(225,131,133)
```

Split Complementary Color

#b4e183
```
#b4e183 rgb(180,225,131)
```
#83b4e1
```
#83b4e1 rgb(131,180,225)
```
#e183b4
```
#e183b4 rgb(225,131,180)
```

Triadic Color

#83e1b0
```
#83e1b0 rgb(131,225,176)
```
#83b4e1
```
#83b4e1 rgb(131,180,225)
```
#e183b4
```
#e183b4 rgb(225,131,180)
```
#e1b083
```
#e1b083 rgb(225,176,131)
```

Tetradic Color

#458fd2
```
#458fd2 rgb(69,143,210)
```
#5a9bd7
```
#5a9bd7 rgb(90,155,215)
```
#6ea8dc
```
#6ea8dc rgb(110,168,220)
```
#83b4e1
```
#83b4e1 rgb(131,180,225)
```
#98c0e6
```
#98c0e6 rgb(152,192,230)
```
#accdeb
```
#accdeb rgb(172,205,235)
```
#c1d9f0
```
#c1d9f0 rgb(193,217,240)
```

Monochromatic Color

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

#83cce1
```
#83cce1 rgb(131,204,225)
```
#83c4e1
```
#83c4e1 rgb(131,196,225)
```
#83bce1
```
#83bce1 rgb(131,188,225)
```
#83b4e1
```
#83b4e1 rgb(131,180,225)
```
#83ace1
```
#83ace1 rgb(131,172,225)
```
#83a4e1
```
#83a4e1 rgb(131,164,225)
```
#839de1
```
#839de1 rgb(131,157,225)
```

Similar Colors

Text with hexadecimal color #83b4e1

This text has a font color of #83b4e1.

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

#83b4e1 background color

This paragraph has a background color of #83b4e1.

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

#83b4e1 border color

This element has a border color of #83b4e1.

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

CSS codes

.text {color:#83b4e1;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#081622
```
#081622 rgb(8,22,34)
```
#0c2032
```
#0c2032 rgb(12,32,50)
```
#102a42
```
#102a42 rgb(16,42,66)
```
#143451
```
#143451 rgb(20,52,81)
```
#173e61
```
#173e61 rgb(23,62,97)
```
#1b4871
```
#1b4871 rgb(27,72,113)
```
#1f5281
```
#1f5281 rgb(31,82,129)
```
#235c91
```
#235c91 rgb(35,92,145)
```
#2766a0
```
#2766a0 rgb(39,102,160)
```
#2b70b0
```
#2b70b0 rgb(43,112,176)
```
#2e7ac0
```
#2e7ac0 rgb(46,122,192)
```

Shade Color Variation

#3484ce
```
#3484ce rgb(52,132,206)
```
#448ed2
```
#448ed2 rgb(68,142,210)
```
#5497d6
```
#5497d6 rgb(84,151,214)
```
#63a1d9
```
#63a1d9 rgb(99,161,217)
```
#73aadd
```
#73aadd rgb(115,170,221)
```
#83b4e1
```
#83b4e1 rgb(131,180,225)
```
#93bee5
```
#93bee5 rgb(147,190,229)
```
#a3c7e9
```
#a3c7e9 rgb(163,199,233)
```
#b2d1ec
```
#b2d1ec rgb(178,209,236)
```
#c2daf0
```
#c2daf0 rgb(194,218,240)
```
#d2e4f4
```
#d2e4f4 rgb(210,228,244)
```
#e2edf8
```
#e2edf8 rgb(226,237,248)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#acb2b8
```
#acb2b8 rgb(172,178,184)
```
#a7b2bd
```
#a7b2bd rgb(167,178,189)
```
#a1b3c3
```
#a1b3c3 rgb(161,179,195)
```
#9bb3c9
```
#9bb3c9 rgb(155,179,201)
```
#95b3cf
```
#95b3cf rgb(149,179,207)
```
#8fb3d5
```
#8fb3d5 rgb(143,179,213)
```
#89b4db
```
#89b4db rgb(137,180,219)
```
#83b4e1
```
#83b4e1 rgb(131,180,225)
```
#7db4e7
```
#7db4e7 rgb(125,180,231)
```
#77b5ed
```
#77b5ed rgb(119,181,237)
```
#71b5f3
```
#71b5f3 rgb(113,181,243)
```
#6bb5f9
```
#6bb5f9 rgb(107,181,249)
```
#65b5ff
```
#65b5ff rgb(101,181,255)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a2acb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b1de Protanopia 1% of men
#a7b0e5 Deuteranopia 1% of men
#81bcca Tritanopia 0.001% of the population

Trichromacy

#9ab2df Protanomaly 1% of men, 0.01% of women
#99b1e3 Deuteranomaly 6% of men, 0.4% of women
#81b9d2 Tritanomaly 0.01% of the population

#83b4e1 hex color

#83b4e1 Color Information

#83b4e1 Color Conversion

Color Schemes with #83b4e1

Alternatives to #83b4e1

#83b4e1 Preview

Shades and Tints of #83b4e1

Tones of #83b4e1

Color Blindness Simulator