#5a84c6 hex color

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

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

● #5a84c6 color description : Moderate blue.

The hexadecimal color #5a84c6 has RGB values of R:90, G:132, B:198 and CMYK values of C:0.55, M:0.33, Y:0, K:0.22. Its decimal value is 5932230.

Hex triplet	5a84c6	`#5a84c6`
RGB Decimal	90, 132, 198	`rgb(90,132,198)`
RGB Percent	35.3, 51.8, 77.6	`rgb(35.3%,51.8%,77.6%)`
CMYK	55, 33, 0, 22
HSL	216.7°, 48.6, 56.5	`hsl(216.7,48.6%,56.5%)`
HSV (or HSB)	216.7°, 54.5, 77.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.816, 4.786, -38.734
XYZ	22.658, 22.752, 56.621
xyY	0.222, 0.223, 22.752
CIE-LCH	54.816, 39.028, 277.044
CIE-LUV	54.816, -19.989, -60.38
Hunter-Lab	47.699, 1.319, -36.99
Binary	01011010, 10000100, 11000110

#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#c69c5a
```
#c69c5a rgb(198,156,90)
```

Complementary Color

#5abac6
```
#5abac6 rgb(90,186,198)
```
#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#665ac6
```
#665ac6 rgb(102,90,198)
```

Analogous Color

#bac65a
```
#bac65a rgb(186,198,90)
```
#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#c6665a
```
#c6665a rgb(198,102,90)
```

Split Complementary Color

#84c65a
```
#84c65a rgb(132,198,90)
```
#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#c65a84
```
#c65a84 rgb(198,90,132)
```

Triadic Color

#5ac69c
```
#5ac69c rgb(90,198,156)
```
#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#c65a84
```
#c65a84 rgb(198,90,132)
```
#c69c5a
```
#c69c5a rgb(198,156,90)
```

Tetradic Color

#365e9d
```
#365e9d rgb(54,94,157)
```
#3d6ab0
```
#3d6ab0 rgb(61,106,176)
```
#4776bf
```
#4776bf rgb(71,118,191)
```
#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#6d92cd
```
#6d92cd rgb(109,146,205)
```
#80a0d3
```
#80a0d3 rgb(128,160,211)
```
#93aeda
```
#93aeda rgb(147,174,218)
```

Monochromatic Color

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

#5a9fc6
```
#5a9fc6 rgb(90,159,198)
```
#5a96c6
```
#5a96c6 rgb(90,150,198)
```
#5a8dc6
```
#5a8dc6 rgb(90,141,198)
```
#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#5a7bc6
```
#5a7bc6 rgb(90,123,198)
```
#5a72c6
```
#5a72c6 rgb(90,114,198)
```
#5a69c6
```
#5a69c6 rgb(90,105,198)
```

Similar Colors

Text with hexadecimal color #5a84c6

This text has a font color of #5a84c6.

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

#5a84c6 background color

This paragraph has a background color of #5a84c6.

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

#5a84c6 border color

This element has a border color of #5a84c6.

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

CSS codes

.text {color:#5a84c6;}

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

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

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)
```
#1d3253
```
#1d3253 rgb(29,50,83)
```
#223a61
```
#223a61 rgb(34,58,97)
```
#274370
```
#274370 rgb(39,67,112)
```
#2c4c7f
```
#2c4c7f rgb(44,76,127)
```
#31558d
```
#31558d rgb(49,85,141)
```
#365d9c
```
#365d9c rgb(54,93,156)
```
#3b66aa
```
#3b66aa rgb(59,102,170)
```
#406fb9
```
#406fb9 rgb(64,111,185)
```

Shade Color Variation

#4b79c1
```
#4b79c1 rgb(75,121,193)
```
#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#698fcb
```
#698fcb rgb(105,143,203)
```
#779ad0
```
#779ad0 rgb(119,154,208)
```
#86a5d5
```
#86a5d5 rgb(134,165,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 #2779f9 is the most saturated one.

#8d8f93
```
#8d8f93 rgb(141,143,147)
```
#858d9b
```
#858d9b rgb(133,141,155)
```
#7c8ca4
```
#7c8ca4 rgb(124,140,164)
```
#748aac
```
#748aac rgb(116,138,172)
```
#6b88b5
```
#6b88b5 rgb(107,136,181)
```
#6386bd
```
#6386bd rgb(99,134,189)
```
#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#5182cf
```
#5182cf rgb(81,130,207)
```
#4980d7
```
#4980d7 rgb(73,128,215)
```
#407ee0
```
#407ee0 rgb(64,126,224)
```
#387ce8
```
#387ce8 rgb(56,124,232)
```
#2f7bf1
```
#2f7bf1 rgb(47,123,241)
```
#2779f9
```
#2779f9 rgb(39,121,249)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#78808d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7287c6 Protanopia 1% of men
#6889c9 Deuteranopia 1% of men
#4e939e Tritanopia 0.001% of the population

Trichromacy

#6986c6 Protanomaly 1% of men, 0.01% of women
#6287c8 Deuteranomaly 6% of men, 0.4% of women
#528dac Tritanomaly 0.01% of the population

#5a84c6 hex color

#5a84c6 Color Information

#5a84c6 Color Conversion

Color Schemes with #5a84c6

Alternatives to #5a84c6

#5a84c6 Preview

Shades and Tints of #5a84c6

Tones of #5a84c6

Color Blindness Simulator