#5a7bb3 hex color

In a RGB color space, hex #5a7bb3 is composed of 35.3% red, 48.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 31.3% magenta, 0% yellow and 29.8% black. It has a hue angle of 217.8 degrees, a saturation of 36.9% and a lightness of 52.7%. #5a7bb3 color hex could be obtained by blending #b4f6ff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 48
- B 70
RGB color chart
- C 50
- M 31
- Y 0
- K 30
CMYK color chart

● #5a7bb3 color description : Slightly desaturated blue.

The hexadecimal color #5a7bb3 has RGB values of R:90, G:123, B:179 and CMYK values of C:0.5, M:0.31, Y:0, K:0.3. Its decimal value is 5929907.

Hex triplet	5a7bb3	`#5a7bb3`
RGB Decimal	90, 123, 179	`rgb(90,123,179)`
RGB Percent	35.3, 48.2, 70.2	`rgb(35.3%,48.2%,70.2%)`
CMYK	50, 31, 0, 30
HSL	217.8°, 36.9, 52.7	`hsl(217.8,36.9%,52.7%)`
HSV (or HSB)	217.8°, 49.7, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.374, 4.158, -33.256
XYZ	19.434, 19.593, 45.403
xyY	0.23, 0.232, 19.593
CIE-LCH	51.374, 33.515, 277.127
CIE-LUV	51.374, -16.64, -50.806
Hunter-Lab	44.264, 0.908, -29.83
Binary	01011010, 01111011, 10110011

#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#b3925a
```
#b3925a rgb(179,146,90)
```

Complementary Color

#5aa8b3
```
#5aa8b3 rgb(90,168,179)
```
#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#665ab3
```
#665ab3 rgb(102,90,179)
```

Analogous Color

#a8b35a
```
#a8b35a rgb(168,179,90)
```
#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#b3665a
```
#b3665a rgb(179,102,90)
```

Split Complementary Color

#7bb35a
```
#7bb35a rgb(123,179,90)
```
#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#b35a7b
```
#b35a7b rgb(179,90,123)
```

Triadic Color

#5ab392
```
#5ab392 rgb(90,179,146)
```
#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#b35a7b
```
#b35a7b rgb(179,90,123)
```
#b3925a
```
#b3925a rgb(179,146,90)
```

Tetradic Color

#3d5784
```
#3d5784 rgb(61,87,132)
```
#456395
```
#456395 rgb(69,99,149)
```
#4d6ea7
```
#4d6ea7 rgb(77,110,167)
```
#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#6b89bb
```
#6b89bb rgb(107,137,187)
```
#7d97c3
```
#7d97c3 rgb(125,151,195)
```
#8ea5cb
```
#8ea5cb rgb(142,165,203)
```

Monochromatic Color

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

#5a91b3
```
#5a91b3 rgb(90,145,179)
```
#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#5a82b3
```
#5a82b3 rgb(90,130,179)
```
#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#5a74b3
```
#5a74b3 rgb(90,116,179)
```
#5a6cb3
```
#5a6cb3 rgb(90,108,179)
```
#5a65b3
```
#5a65b3 rgb(90,101,179)
```

Similar Colors

Text with hexadecimal color #5a7bb3

This text has a font color of #5a7bb3.

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

#5a7bb3 background color

This paragraph has a background color of #5a7bb3.

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

#5a7bb3 border color

This element has a border color of #5a7bb3.

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

CSS codes

.text {color:#5a7bb3;}

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

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

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

#04060a
```
#04060a rgb(4,6,10)
```
#0b0f17
```
#0b0f17 rgb(11,15,23)
```
#111824
```
#111824 rgb(17,24,36)
```
#172132
```
#172132 rgb(23,33,50)
```
#1d2a3f
```
#1d2a3f rgb(29,42,63)
```
#23334d
```
#23334d rgb(35,51,77)
```
#2a3c5a
```
#2a3c5a rgb(42,60,90)
```
#304468
```
#304468 rgb(48,68,104)
```
#364d75
```
#364d75 rgb(54,77,117)
```
#3c5682
```
#3c5682 rgb(60,86,130)
```
#425f90
```
#425f90 rgb(66,95,144)
```
#48689d
```
#48689d rgb(72,104,157)
```
#4f71ab
```
#4f71ab rgb(79,113,171)
```

Shade Color Variation

#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#6786b9
```
#6786b9 rgb(103,134,185)
```
#7590bf
```
#7590bf rgb(117,144,191)
```
#829bc6
```
#829bc6 rgb(130,155,198)
```
#90a6cc
```
#90a6cc rgb(144,166,204)
```
#9db1d2
```
#9db1d2 rgb(157,177,210)
```
#abbbd8
```
#abbbd8 rgb(171,187,216)
```
#b8c6de
```
#b8c6de rgb(184,198,222)
```
#c5d1e4
```
#c5d1e4 rgb(197,209,228)
```
#d3dceb
```
#d3dceb rgb(211,220,235)
```
#e0e6f1
```
#e0e6f1 rgb(224,230,241)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f858e is the less saturated color, while #1068fd is the most saturated one.

#7f858e
```
#7f858e rgb(127,133,142)
```
#768297
```
#768297 rgb(118,130,151)
```
#6d80a0
```
#6d80a0 rgb(109,128,160)
```
#637daa
```
#637daa rgb(99,125,170)
```
#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#5179bc
```
#5179bc rgb(81,121,188)
```
#4776c6
```
#4776c6 rgb(71,118,198)
```
#3e74cf
```
#3e74cf rgb(62,116,207)
```
#3571d8
```
#3571d8 rgb(53,113,216)
```
#2c6fe1
```
#2c6fe1 rgb(44,111,225)
```
#226deb
```
#226deb rgb(34,109,235)
```
#196af4
```
#196af4 rgb(25,106,244)
```
#1068fd
```
#1068fd rgb(16,104,253)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#727984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7fb5 Protanopia 1% of men
#6880b7 Deuteranopia 1% of men
#548993 Tritanopia 0.001% of the population

Trichromacy

#677db4 Protanomaly 1% of men, 0.01% of women
#637eb5 Deuteranomaly 6% of men, 0.4% of women
#56849e Tritanomaly 0.01% of the population

#5a7bb3 hex color

#5a7bb3 Color Information

#5a7bb3 Color Conversion

Color Schemes with #5a7bb3

Alternatives to #5a7bb3

#5a7bb3 Preview

Shades and Tints of #5a7bb3

Tones of #5a7bb3

Color Blindness Simulator