#5a83c6 hex color

In a RGB color space, hex #5a83c6 is composed of 35.3% red, 51.4% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 33.8% magenta, 0% yellow and 22.4% black. It has a hue angle of 217.2 degrees, a saturation of 48.6% and a lightness of 56.5%. #5a83c6 color hex could be obtained by blending #b4ffff with #00078d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 51
- B 78
RGB color chart
- C 55
- M 34
- Y 0
- K 22
CMYK color chart

● #5a83c6 color description : Moderate blue.

The hexadecimal color #5a83c6 has RGB values of R:90, G:131, B:198 and CMYK values of C:0.55, M:0.34, Y:0, K:0.22. Its decimal value is 5931974.

Hex triplet	5a83c6	`#5a83c6`
RGB Decimal	90, 131, 198	`rgb(90,131,198)`
RGB Percent	35.3, 51.4, 77.6	`rgb(35.3%,51.4%,77.6%)`
CMYK	55, 34, 0, 22
HSL	217.2°, 48.6, 56.5	`hsl(217.2,48.6%,56.5%)`
HSV (or HSB)	217.2°, 54.5, 77.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.535, 5.381, -39.176
XYZ	22.524, 22.482, 56.576
xyY	0.222, 0.221, 22.482
CIE-LCH	54.535, 39.543, 277.821
CIE-LUV	54.535, -19.628, -61.105
Hunter-Lab	47.415, 1.815, -37.553
Binary	01011010, 10000011, 11000110

#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#c69d5a
```
#c69d5a rgb(198,157,90)
```

Complementary Color

#5ab9c6
```
#5ab9c6 rgb(90,185,198)
```
#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#675ac6
```
#675ac6 rgb(103,90,198)
```

Analogous Color

#b9c65a
```
#b9c65a rgb(185,198,90)
```
#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#c6675a
```
#c6675a rgb(198,103,90)
```

Split Complementary Color

#83c65a
```
#83c65a rgb(131,198,90)
```
#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#c65a83
```
#c65a83 rgb(198,90,131)
```

Triadic Color

#5ac69d
```
#5ac69d rgb(90,198,157)
```
#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#c65a83
```
#c65a83 rgb(198,90,131)
```
#c69d5a
```
#c69d5a rgb(198,157,90)
```

Tetradic Color

#365d9d
```
#365d9d rgb(54,93,157)
```
#3d69b0
```
#3d69b0 rgb(61,105,176)
```
#4775bf
```
#4775bf rgb(71,117,191)
```
#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#6d91cd
```
#6d91cd rgb(109,145,205)
```
#809fd3
```
#809fd3 rgb(128,159,211)
```
#93aeda
```
#93aeda rgb(147,174,218)
```

Monochromatic Color

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

#5a9ec6
```
#5a9ec6 rgb(90,158,198)
```
#5a95c6
```
#5a95c6 rgb(90,149,198)
```
#5a8cc6
```
#5a8cc6 rgb(90,140,198)
```
#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#5a7ac6
```
#5a7ac6 rgb(90,122,198)
```
#5a71c6
```
#5a71c6 rgb(90,113,198)
```
#5a68c6
```
#5a68c6 rgb(90,104,198)
```

Similar Colors

Text with hexadecimal color #5a83c6

This text has a font color of #5a83c6.

<span style="color:#5a83c6;">Text here</span>

#5a83c6 background color

This paragraph has a background color of #5a83c6.

<p style="background-color:#5a83c6;">Content here</p>

#5a83c6 border color

This element has a border color of #5a83c6.

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

CSS codes

.text {color:#5a83c6;}

.background {background-color:#5a83c6;}

.border {border:1px solid #5a83c6;}

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, #03060a is the darkest color, while #fafcfd is the lightest one.

#03060a
```
#03060a rgb(3,6,10)
```
#080f19
```
#080f19 rgb(8,15,25)
```
#0e1727
```
#0e1727 rgb(14,23,39)
```
#132036
```
#132036 rgb(19,32,54)
```
#182944
```
#182944 rgb(24,41,68)
```
#1d3153
```
#1d3153 rgb(29,49,83)
```
#223a61
```
#223a61 rgb(34,58,97)
```
#274370
```
#274370 rgb(39,67,112)
```
#2c4b7f
```
#2c4b7f rgb(44,75,127)
```
#31548d
```
#31548d rgb(49,84,141)
```
#365c9c
```
#365c9c rgb(54,92,156)
```
#3b65aa
```
#3b65aa rgb(59,101,170)
```
#406eb9
```
#406eb9 rgb(64,110,185)
```

Shade Color Variation

#4b78c1
```
#4b78c1 rgb(75,120,193)
```
#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#698ecb
```
#698ecb rgb(105,142,203)
```
#7799d0
```
#7799d0 rgb(119,153,208)
```
#86a4d5
```
#86a4d5 rgb(134,164,213)
```
#94afda
```
#94afda rgb(148,175,218)
```
#a3badf
```
#a3badf rgb(163,186,223)
```
#b1c5e4
```
#b1c5e4 rgb(177,197,228)
```
#c0d0e9
```
#c0d0e9 rgb(192,208,233)
```
#cfdbee
```
#cfdbee rgb(207,219,238)
```
#dde6f3
```
#dde6f3 rgb(221,230,243)
```
#ecf1f8
```
#ecf1f8 rgb(236,241,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8f93 is the less saturated color, while #2777f9 is the most saturated one.

#8d8f93
```
#8d8f93 rgb(141,143,147)
```
#858d9b
```
#858d9b rgb(133,141,155)
```
#7c8ba4
```
#7c8ba4 rgb(124,139,164)
```
#7489ac
```
#7489ac rgb(116,137,172)
```
#6b87b5
```
#6b87b5 rgb(107,135,181)
```
#6385bd
```
#6385bd rgb(99,133,189)
```
#5a83c6
```
#5a83c6 rgb(90,131,198)
```
#5181cf
```
#5181cf rgb(81,129,207)
```
#497fd7
```
#497fd7 rgb(73,127,215)
```
#407de0
```
#407de0 rgb(64,125,224)
```
#387be8
```
#387be8 rgb(56,123,232)
```
#2f79f1
```
#2f79f1 rgb(47,121,241)
```
#2777f9
```
#2777f9 rgb(39,119,249)
```

Tone Color Variation

Below, you can see how #5a83c6 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

#7e7e7e Achromatopsia 0.005% of the population
#777f8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7086c6 Protanopia 1% of men
#6688c9 Deuteranopia 1% of men
#4d929d Tritanopia 0.001% of the population

Trichromacy

#6885c6 Protanomaly 1% of men, 0.01% of women
#6186c8 Deuteranomaly 6% of men, 0.4% of women
#528cac Tritanomaly 0.01% of the population

#5a83c6 hex color

#5a83c6 Color Information

#5a83c6 Color Conversion

Color Schemes with #5a83c6

Alternatives to #5a83c6

#5a83c6 Preview

Shades and Tints of #5a83c6

Tones of #5a83c6

Color Blindness Simulator