#83a7bd hex color

In a RGB color space, hex #83a7bd is composed of 51.4% red, 65.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 11.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 202.8 degrees, a saturation of 30.5% and a lightness of 62.7%. #83a7bd color hex could be obtained by blending #ffffff with #074f7b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 65
- B 74
RGB color chart
- C 31
- M 12
- Y 0
- K 26
CMYK color chart

● #83a7bd color description : Slightly desaturated blue.

The hexadecimal color #83a7bd has RGB values of R:131, G:167, B:189 and CMYK values of C:0.31, M:0.12, Y:0, K:0.26. Its decimal value is 8628157.

Hex triplet	83a7bd	`#83a7bd`
RGB Decimal	131, 167, 189	`rgb(131,167,189)`
RGB Percent	51.4, 65.5, 74.1	`rgb(51.4%,65.5%,74.1%)`
CMYK	31, 12, 0, 26
HSL	202.8°, 30.5, 62.7	`hsl(202.8,30.5%,62.7%)`
HSV (or HSB)	202.8°, 30.7, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.624, -6.994, -15.278
XYZ	32.362, 36.136, 53.411
xyY	0.265, 0.296, 36.136
CIE-LCH	66.624, 16.803, 245.403
CIE-LUV	66.624, -18.735, -22.203
Hunter-Lab	60.113, -9.102, -10.601
Binary	10000011, 10100111, 10111101

#83a7bd
```
#83a7bd rgb(131,167,189)
```
#bd9983
```
#bd9983 rgb(189,153,131)
```

Complementary Color

#83bdb6
```
#83bdb6 rgb(131,189,182)
```
#83a7bd
```
#83a7bd rgb(131,167,189)
```
#838abd
```
#838abd rgb(131,138,189)
```

Analogous Color

#bdb683
```
#bdb683 rgb(189,182,131)
```
#83a7bd
```
#83a7bd rgb(131,167,189)
```
#bd838a
```
#bd838a rgb(189,131,138)
```

Split Complementary Color

#a7bd83
```
#a7bd83 rgb(167,189,131)
```
#83a7bd
```
#83a7bd rgb(131,167,189)
```
#bd83a7
```
#bd83a7 rgb(189,131,167)
```

Triadic Color

#83bd99
```
#83bd99 rgb(131,189,153)
```
#83a7bd
```
#83a7bd rgb(131,167,189)
```
#bd83a7
```
#bd83a7 rgb(189,131,167)
```
#bd9983
```
#bd9983 rgb(189,153,131)
```

Tetradic Color

#55839f
```
#55839f rgb(85,131,159)
```
#628fab
```
#628fab rgb(98,143,171)
```
#729bb4
```
#729bb4 rgb(114,155,180)
```
#83a7bd
```
#83a7bd rgb(131,167,189)
```
#94b3c6
```
#94b3c6 rgb(148,179,198)
```
#a4bfcf
```
#a4bfcf rgb(164,191,207)
```
#b5cad8
```
#b5cad8 rgb(181,202,216)
```

Monochromatic Color

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

#83b6bd
```
#83b6bd rgb(131,182,189)
```
#83b1bd
```
#83b1bd rgb(131,177,189)
```
#83acbd
```
#83acbd rgb(131,172,189)
```
#83a7bd
```
#83a7bd rgb(131,167,189)
```
#83a2bd
```
#83a2bd rgb(131,162,189)
```
#839dbd
```
#839dbd rgb(131,157,189)
```
#8399bd
```
#8399bd rgb(131,153,189)
```

Similar Colors

Text with hexadecimal color #83a7bd

This text has a font color of #83a7bd.

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

#83a7bd background color

This paragraph has a background color of #83a7bd.

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

#83a7bd border color

This element has a border color of #83a7bd.

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

CSS codes

.text {color:#83a7bd;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090e11
```
#090e11 rgb(9,14,17)
```
#10181e
```
#10181e rgb(16,24,30)
```
#17232a
```
#17232a rgb(23,35,42)
```
#1d2d37
```
#1d2d37 rgb(29,45,55)
```
#243844
```
#243844 rgb(36,56,68)
```
#2b4251
```
#2b4251 rgb(43,66,81)
```
#324d5e
```
#324d5e rgb(50,77,94)
```
#39586a
```
#39586a rgb(57,88,106)
```
#3f6277
```
#3f6277 rgb(63,98,119)
```
#466d84
```
#466d84 rgb(70,109,132)
```
#4d7791
```
#4d7791 rgb(77,119,145)
```
#54829e
```
#54829e rgb(84,130,158)
```

Shade Color Variation

#5d8ca9
```
#5d8ca9 rgb(93,140,169)
```
#6995af
```
#6995af rgb(105,149,175)
```
#769eb6
```
#769eb6 rgb(118,158,182)
```
#83a7bd
```
#83a7bd rgb(131,167,189)
```
#90b0c4
```
#90b0c4 rgb(144,176,196)
```
#9db9cb
```
#9db9cb rgb(157,185,203)
```
#a9c2d1
```
#a9c2d1 rgb(169,194,209)
```
#b6cbd8
```
#b6cbd8 rgb(182,203,216)
```
#c3d4df
```
#c3d4df rgb(195,212,223)
```
#d0dee6
```
#d0dee6 rgb(208,222,230)
```
#dde7ed
```
#dde7ed rgb(221,231,237)
```
#e9f0f4
```
#e9f0f4 rgb(233,240,244)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a2a7 is the less saturated color, while #41b7ff is the most saturated one.

#99a2a7
```
#99a2a7 rgb(153,162,167)
```
#92a3ae
```
#92a3ae rgb(146,163,174)
```
#8aa5b6
```
#8aa5b6 rgb(138,165,182)
```
#83a7bd
```
#83a7bd rgb(131,167,189)
```
#7ca9c4
```
#7ca9c4 rgb(124,169,196)
```
#74abcc
```
#74abcc rgb(116,171,204)
```
#6dacd3
```
#6dacd3 rgb(109,172,211)
```
#66aeda
```
#66aeda rgb(102,174,218)
```
#5eb0e2
```
#5eb0e2 rgb(94,176,226)
```
#57b2e9
```
#57b2e9 rgb(87,178,233)
```
#50b3f0
```
#50b3f0 rgb(80,179,240)
```
#49b5f7
```
#49b5f7 rgb(73,181,247)
```
#41b7ff
```
#41b7ff rgb(65,183,255)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#99a1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a5bc Protanopia 1% of men
#a7a3c3 Deuteranopia 1% of men
#87acb9 Tritanopia 0.001% of the population

Trichromacy

#97a6bc Protanomaly 1% of men, 0.01% of women
#9aa4c1 Deuteranomaly 6% of men, 0.4% of women
#85aaba Tritanomaly 0.01% of the population

#83a7bd hex color

#83a7bd Color Information

#83a7bd Color Conversion

Color Schemes with #83a7bd

Alternatives to #83a7bd

#83a7bd Preview

Shades and Tints of #83a7bd

Tones of #83a7bd

Color Blindness Simulator