#5a7dcb hex color

In a RGB color space, hex #5a7dcb is composed of 35.3% red, 49% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 38.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 221.4 degrees, a saturation of 52.1% and a lightness of 57.5%. #5a7dcb color hex could be obtained by blending #b4faff with #000097. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 49
- B 80
RGB color chart
- C 56
- M 38
- Y 0
- K 20
CMYK color chart

● #5a7dcb color description : Moderate blue.

The hexadecimal color #5a7dcb has RGB values of R:90, G:125, B:203 and CMYK values of C:0.56, M:0.38, Y:0, K:0.2. Its decimal value is 5930443.

Hex triplet	5a7dcb	`#5a7dcb`
RGB Decimal	90, 125, 203	`rgb(90,125,203)`
RGB Percent	35.3, 49, 79.6	`rgb(35.3%,49%,79.6%)`
CMYK	56, 38, 0, 20
HSL	221.4°, 52.1, 57.5	`hsl(221.4,52.1%,57.5%)`
HSV (or HSB)	221.4°, 55.7, 79.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.115, 10.6, -44.259
XYZ	22.327, 21.152, 59.403
xyY	0.217, 0.206, 21.152
CIE-LCH	53.115, 45.511, 283.469
CIE-LUV	53.115, -17.514, -69.535
Hunter-Lab	45.991, 6.173, -44.387
Binary	01011010, 01111101, 11001011

#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#cba85a
```
#cba85a rgb(203,168,90)
```

Complementary Color

#5ab6cb
```
#5ab6cb rgb(90,182,203)
```
#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#705acb
```
#705acb rgb(112,90,203)
```

Analogous Color

#b6cb5a
```
#b6cb5a rgb(182,203,90)
```
#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#cb705a
```
#cb705a rgb(203,112,90)
```

Split Complementary Color

#7dcb5a
```
#7dcb5a rgb(125,203,90)
```
#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#cb5a7d
```
#cb5a7d rgb(203,90,125)
```

Triadic Color

#5acba8
```
#5acba8 rgb(90,203,168)
```
#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#cb5a7d
```
#cb5a7d rgb(203,90,125)
```
#cba85a
```
#cba85a rgb(203,168,90)
```

Tetradic Color

#3457a5
```
#3457a5 rgb(52,87,165)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#476ec5
```
#476ec5 rgb(71,110,197)
```
#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#6d8cd1
```
#6d8cd1 rgb(109,140,209)
```
#819cd7
```
#819cd7 rgb(129,156,215)
```
#94abdd
```
#94abdd rgb(148,171,221)
```

Monochromatic Color

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

#5a99cb
```
#5a99cb rgb(90,153,203)
```
#5a90cb
```
#5a90cb rgb(90,144,203)
```
#5a86cb
```
#5a86cb rgb(90,134,203)
```
#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#5a74cb
```
#5a74cb rgb(90,116,203)
```
#5a6acb
```
#5a6acb rgb(90,106,203)
```
#5a61cb
```
#5a61cb rgb(90,97,203)
```

Similar Colors

Text with hexadecimal color #5a7dcb

This text has a font color of #5a7dcb.

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

#5a7dcb background color

This paragraph has a background color of #5a7dcb.

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

#5a7dcb border color

This element has a border color of #5a7dcb.

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

CSS codes

.text {color:#5a7dcb;}

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

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

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, #04070e is the darkest color, while #fefeff is the lightest one.

#04070e
```
#04070e rgb(4,7,14)
```
#090f1d
```
#090f1d rgb(9,15,29)
```
#0e172c
```
#0e172c rgb(14,23,44)
```
#131f3b
```
#131f3b rgb(19,31,59)
```
#17274a
```
#17274a rgb(23,39,74)
```
#1c2f59
```
#1c2f59 rgb(28,47,89)
```
#213767
```
#213767 rgb(33,55,103)
```
#253e76
```
#253e76 rgb(37,62,118)
```
#2a4685
```
#2a4685 rgb(42,70,133)
```
#2f4e94
```
#2f4e94 rgb(47,78,148)
```
#3356a3
```
#3356a3 rgb(51,86,163)
```
#385eb2
```
#385eb2 rgb(56,94,178)
```
#3d66c1
```
#3d66c1 rgb(61,102,193)
```

Shade Color Variation

#4b71c6
```
#4b71c6 rgb(75,113,198)
```
#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#6989d0
```
#6989d0 rgb(105,137,208)
```
#7895d4
```
#7895d4 rgb(120,149,212)
```
#87a0d9
```
#87a0d9 rgb(135,160,217)
```
#96acde
```
#96acde rgb(150,172,222)
```
#a5b8e3
```
#a5b8e3 rgb(165,184,227)
```
#b3c4e7
```
#b3c4e7 rgb(179,196,231)
```
#c2cfec
```
#c2cfec rgb(194,207,236)
```
#d1dbf1
```
#d1dbf1 rgb(209,219,241)
```
#e0e7f5
```
#e0e7f5 rgb(224,231,245)
```
#eff3fa
```
#eff3fa rgb(239,243,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8c9099
```
#8c9099 rgb(140,144,153)
```
#848da1
```
#848da1 rgb(132,141,161)
```
#7b8aaa
```
#7b8aaa rgb(123,138,170)
```
#7387b2
```
#7387b2 rgb(115,135,178)
```
#6b83ba
```
#6b83ba rgb(107,131,186)
```
#6280c3
```
#6280c3 rgb(98,128,195)
```
#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#527ad3
```
#527ad3 rgb(82,122,211)
```
#4977dc
```
#4977dc rgb(73,119,220)
```
#4173e4
```
#4173e4 rgb(65,115,228)
```
#3970ec
```
#3970ec rgb(57,112,236)
```
#306df5
```
#306df5 rgb(48,109,245)
```
#286afd
```
#286afd rgb(40,106,253)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#747b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6683cd Protanopia 1% of men
#5785cc Deuteranopia 1% of men
#488f99 Tritanopia 0.001% of the population

Trichromacy

#6180cc Protanomaly 1% of men, 0.01% of women
#5882cc Deuteranomaly 6% of men, 0.4% of women
#4f88ab Tritanomaly 0.01% of the population

#5a7dcb hex color

#5a7dcb Color Information

#5a7dcb Color Conversion

Color Schemes with #5a7dcb

Alternatives to #5a7dcb

#5a7dcb Preview

Shades and Tints of #5a7dcb

Tones of #5a7dcb

Color Blindness Simulator