#83a5f1 hex color

In a RGB color space, hex #83a5f1 is composed of 51.4% red, 64.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 31.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 221.5 degrees, a saturation of 79.7% and a lightness of 72.9%. #83a5f1 color hex could be obtained by blending #ffffff with #074be3. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 65
- B 95
RGB color chart
- C 46
- M 32
- Y 0
- K 5
CMYK color chart

● #83a5f1 color description : Soft blue.

The hexadecimal color #83a5f1 has RGB values of R:131, G:165, B:241 and CMYK values of C:0.46, M:0.32, Y:0, K:0.05. Its decimal value is 8627697.

Hex triplet	83a5f1	`#83a5f1`
RGB Decimal	131, 165, 241	`rgb(131,165,241)`
RGB Percent	51.4, 64.7, 94.5	`rgb(51.4%,64.7%,94.5%)`
CMYK	46, 32, 0, 5
HSL	221.5°, 79.7, 72.9	`hsl(221.5,79.7%,72.9%)`
HSV (or HSB)	221.5°, 45.6, 94.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.083, 8.128, -41.696
XYZ	38.689, 38.085, 88.527
xyY	0.234, 0.23, 38.085
CIE-LCH	68.083, 42.481, 281.031
CIE-LUV	68.083, -18.662, -68.017
Hunter-Lab	61.713, 3.907, -41.852
Binary	10000011, 10100101, 11110001

#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#f1cf83
```
#f1cf83 rgb(241,207,131)
```

Complementary Color

#83dcf1
```
#83dcf1 rgb(131,220,241)
```
#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#9883f1
```
#9883f1 rgb(152,131,241)
```

Analogous Color

#dcf183
```
#dcf183 rgb(220,241,131)
```
#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#f19883
```
#f19883 rgb(241,152,131)
```

Split Complementary Color

#a5f183
```
#a5f183 rgb(165,241,131)
```
#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#f183a5
```
#f183a5 rgb(241,131,165)
```

Triadic Color

#83f1cf
```
#83f1cf rgb(131,241,207)
```
#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#f183a5
```
#f183a5 rgb(241,131,165)
```
#f1cf83
```
#f1cf83 rgb(241,207,131)
```

Tetradic Color

#3e73e9
```
#3e73e9 rgb(62,115,233)
```
#5584ec
```
#5584ec rgb(85,132,236)
```
#6c94ee
```
#6c94ee rgb(108,148,238)
```
#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#9ab6f4
```
#9ab6f4 rgb(154,182,244)
```
#b1c6f6
```
#b1c6f6 rgb(177,198,246)
```
#c8d7f9
```
#c8d7f9 rgb(200,215,249)
```

Monochromatic Color

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

#83c1f1
```
#83c1f1 rgb(131,193,241)
```
#83b7f1
```
#83b7f1 rgb(131,183,241)
```
#83aef1
```
#83aef1 rgb(131,174,241)
```
#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#839cf1
```
#839cf1 rgb(131,156,241)
```
#8393f1
```
#8393f1 rgb(131,147,241)
```
#838af1
```
#838af1 rgb(131,138,241)
```

Similar Colors

Text with hexadecimal color #83a5f1

This text has a font color of #83a5f1.

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

#83a5f1 background color

This paragraph has a background color of #83a5f1.

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

#83a5f1 border color

This element has a border color of #83a5f1.

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

CSS codes

.text {color:#83a5f1;}

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

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

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

#020711
```
#020711 rgb(2,7,17)
```
#040d23
```
#040d23 rgb(4,13,35)
```
#061434
```
#061434 rgb(6,20,52)
```
#081b46
```
#081b46 rgb(8,27,70)
```
#0a2258
```
#0a2258 rgb(10,34,88)
```
#0c2969
```
#0c2969 rgb(12,41,105)
```
#0e307b
```
#0e307b rgb(14,48,123)
```
#10368c
```
#10368c rgb(16,54,140)
```
#123d9e
```
#123d9e rgb(18,61,158)
```
#1444b0
```
#1444b0 rgb(20,68,176)
```
#164bc1
```
#164bc1 rgb(22,75,193)
```
#1852d3
```
#1852d3 rgb(24,82,211)
```
#1a58e5
```
#1a58e5 rgb(26,88,229)
```

Shade Color Variation

#2b65e7
```
#2b65e7 rgb(43,101,231)
```
#3c72e9
```
#3c72e9 rgb(60,114,233)
```
#4e7feb
```
#4e7feb rgb(78,127,235)
```
#608bed
```
#608bed rgb(96,139,237)
```
#7198ef
```
#7198ef rgb(113,152,239)
```
#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#95b2f3
```
#95b2f3 rgb(149,178,243)
```
#a6bff5
```
#a6bff5 rgb(166,191,245)
```
#b8cbf7
```
#b8cbf7 rgb(184,203,247)
```
#cad8f9
```
#cad8f9 rgb(202,216,249)
```
#dbe5fb
```
#dbe5fb rgb(219,229,251)
```
#edf2fd
```
#edf2fd rgb(237,242,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b8b9bc
```
#b8b9bc rgb(184,185,188)
```
#b3b7c1
```
#b3b7c1 rgb(179,183,193)
```
#adb5c7
```
#adb5c7 rgb(173,181,199)
```
#a8b3cc
```
#a8b3cc rgb(168,179,204)
```
#a3b1d1
```
#a3b1d1 rgb(163,177,209)
```
#9eafd6
```
#9eafd6 rgb(158,175,214)
```
#98addc
```
#98addc rgb(152,173,220)
```
#93abe1
```
#93abe1 rgb(147,171,225)
```
#8ea9e6
```
#8ea9e6 rgb(142,169,230)
```
#88a7ec
```
#88a7ec rgb(136,167,236)
```
#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#7ea3f6
```
#7ea3f6 rgb(126,163,246)
```
#78a1fc
```
#78a1fc rgb(120,161,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9da3b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a8f0 Protanopia 1% of men
#89a9f1 Deuteranopia 1% of men
#77b3c0 Tritanopia 0.001% of the population

Trichromacy

#8ba7f0 Protanomaly 1% of men, 0.01% of women
#87a7f1 Deuteranomaly 6% of men, 0.4% of women
#7baed2 Tritanomaly 0.01% of the population

#83a5f1 hex color

#83a5f1 Color Information

#83a5f1 Color Conversion

Color Schemes with #83a5f1

Alternatives to #83a5f1

#83a5f1 Preview

Shades and Tints of #83a5f1

Tones of #83a5f1

Color Blindness Simulator