#5c7abf hex color

In a RGB color space, hex #5c7abf is composed of 36.1% red, 47.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 36.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 221.8 degrees, a saturation of 43.6% and a lightness of 55.5%. #5c7abf color hex could be obtained by blending #b8f4ff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 48
- B 75
RGB color chart
- C 52
- M 36
- Y 0
- K 25
CMYK color chart

● #5c7abf color description : Moderate blue.

The hexadecimal color #5c7abf has RGB values of R:92, G:122, B:191 and CMYK values of C:0.52, M:0.36, Y:0, K:0.25. Its decimal value is 6060735.

Hex triplet	5c7abf	`#5c7abf`
RGB Decimal	92, 122, 191	`rgb(92,122,191)`
RGB Percent	36.1, 47.8, 74.9	`rgb(36.1%,47.8%,74.9%)`
CMYK	52, 36, 0, 25
HSL	221.8°, 43.6, 55.5	`hsl(221.8,43.6%,55.5%)`
HSV (or HSB)	221.8°, 51.8, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.786, 9.006, -39.502
XYZ	20.775, 19.955, 52.044
xyY	0.224, 0.215, 19.955
CIE-LCH	51.786, 40.516, 282.843
CIE-LUV	51.786, -15.716, -61.412
Hunter-Lab	44.671, 4.841, -37.807
Binary	01011100, 01111010, 10111111

#5c7abf
```
#5c7abf rgb(92,122,191)
```
#bfa15c
```
#bfa15c rgb(191,161,92)
```

Complementary Color

#5cacbf
```
#5cacbf rgb(92,172,191)
```
#5c7abf
```
#5c7abf rgb(92,122,191)
```
#705cbf
```
#705cbf rgb(112,92,191)
```

Analogous Color

#acbf5c
```
#acbf5c rgb(172,191,92)
```
#5c7abf
```
#5c7abf rgb(92,122,191)
```
#bf705c
```
#bf705c rgb(191,112,92)
```

Split Complementary Color

#7abf5c
```
#7abf5c rgb(122,191,92)
```
#5c7abf
```
#5c7abf rgb(92,122,191)
```
#bf5c7a
```
#bf5c7a rgb(191,92,122)
```

Triadic Color

#5cbfa1
```
#5cbfa1 rgb(92,191,161)
```
#5c7abf
```
#5c7abf rgb(92,122,191)
```
#bf5c7a
```
#bf5c7a rgb(191,92,122)
```
#bfa15c
```
#bfa15c rgb(191,161,92)
```

Tetradic Color

#3a5694
```
#3a5694 rgb(58,86,148)
```
#4160a7
```
#4160a7 rgb(65,96,167)
```
#4a6bb8
```
#4a6bb8 rgb(74,107,184)
```
#5c7abf
```
#5c7abf rgb(92,122,191)
```
#6e89c6
```
#6e89c6 rgb(110,137,198)
```
#8198cd
```
#8198cd rgb(129,152,205)
```
#93a7d5
```
#93a7d5 rgb(147,167,213)
```

Monochromatic Color

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

#5c93bf
```
#5c93bf rgb(92,147,191)
```
#5c8bbf
```
#5c8bbf rgb(92,139,191)
```
#5c82bf
```
#5c82bf rgb(92,130,191)
```
#5c7abf
```
#5c7abf rgb(92,122,191)
```
#5c72bf
```
#5c72bf rgb(92,114,191)
```
#5c6abf
```
#5c6abf rgb(92,106,191)
```
#5c61bf
```
#5c61bf rgb(92,97,191)
```

Similar Colors

Text with hexadecimal color #5c7abf

This text has a font color of #5c7abf.

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

#5c7abf background color

This paragraph has a background color of #5c7abf.

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

#5c7abf border color

This element has a border color of #5c7abf.

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

CSS codes

.text {color:#5c7abf;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#080c14
```
#080c14 rgb(8,12,20)
```
#0d1422
```
#0d1422 rgb(13,20,34)
```
#131c30
```
#131c30 rgb(19,28,48)
```
#18243e
```
#18243e rgb(24,36,62)
```
#1e2c4c
```
#1e2c4c rgb(30,44,76)
```
#24345b
```
#24345b rgb(36,52,91)
```
#293c69
```
#293c69 rgb(41,60,105)
```
#2f4477
```
#2f4477 rgb(47,68,119)
```
#344d85
```
#344d85 rgb(52,77,133)
```
#3a5593
```
#3a5593 rgb(58,85,147)
```
#3f5da1
```
#3f5da1 rgb(63,93,161)
```
#4565af
```
#4565af rgb(69,101,175)
```

Shade Color Variation

#4e6fb9
```
#4e6fb9 rgb(78,111,185)
```
#5c7abf
```
#5c7abf rgb(92,122,191)
```
#6a85c5
```
#6a85c5 rgb(106,133,197)
```
#7891ca
```
#7891ca rgb(120,145,202)
```
#869cd0
```
#869cd0 rgb(134,156,208)
```
#94a8d5
```
#94a8d5 rgb(148,168,213)
```
#a2b3db
```
#a2b3db rgb(162,179,219)
```
#b1bfe0
```
#b1bfe0 rgb(177,191,224)
```
#bfcae6
```
#bfcae6 rgb(191,202,230)
```
#cdd6eb
```
#cdd6eb rgb(205,214,235)
```
#dbe1f1
```
#dbe1f1 rgb(219,225,241)
```
#e9edf6
```
#e9edf6 rgb(233,237,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b93 is the less saturated color, while #1f62fc is the most saturated one.

#888b93
```
#888b93 rgb(136,139,147)
```
#7f889c
```
#7f889c rgb(127,136,156)
```
#7684a5
```
#7684a5 rgb(118,132,165)
```
#6d81ae
```
#6d81ae rgb(109,129,174)
```
#657db6
```
#657db6 rgb(101,125,182)
```
#5c7abf
```
#5c7abf rgb(92,122,191)
```
#5377c8
```
#5377c8 rgb(83,119,200)
```
#4b73d0
```
#4b73d0 rgb(75,115,208)
```
#4270d9
```
#4270d9 rgb(66,112,217)
```
#396ce2
```
#396ce2 rgb(57,108,226)
```
#3069eb
```
#3069eb rgb(48,105,235)
```
#2865f3
```
#2865f3 rgb(40,101,243)
```
#1f62fc
```
#1f62fc rgb(31,98,252)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#737987 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6880c1 Protanopia 1% of men
#5e82c1 Deuteranopia 1% of men
#518a94 Tritanopia 0.001% of the population

Trichromacy

#637dc0 Protanomaly 1% of men, 0.01% of women
#5d7fc0 Deuteranomaly 6% of men, 0.4% of women
#5584a4 Tritanomaly 0.01% of the population

#5c7abf hex color

#5c7abf Color Information

#5c7abf Color Conversion

Color Schemes with #5c7abf

Alternatives to #5c7abf

#5c7abf Preview

Shades and Tints of #5c7abf

Tones of #5c7abf

Color Blindness Simulator