#5c7afb hex color

In a RGB color space, hex #5c7afb is composed of 36.1% red, 47.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 51.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 228.7 degrees, a saturation of 95.2% and a lightness of 67.3%. #5c7afb color hex could be obtained by blending #b8f4ff with #0000f7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 48
- B 98
RGB color chart
- C 63
- M 51
- Y 0
- K 2
CMYK color chart

● #5c7afb color description : Soft blue.

The hexadecimal color #5c7afb has RGB values of R:92, G:122, B:251 and CMYK values of C:0.63, M:0.51, Y:0, K:0.02. Its decimal value is 6060795.

Hex triplet	5c7afb	`#5c7afb`
RGB Decimal	92, 122, 251	`rgb(92,122,251)`
RGB Percent	36.1, 47.8, 98.4	`rgb(36.1%,47.8%,98.4%)`
CMYK	63, 51, 0, 2
HSL	228.7°, 95.2, 67.3	`hsl(228.7,95.2%,67.3%)`
HSV (or HSB)	228.7°, 63.3, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.235, 28.717, -67.764
XYZ	28.782, 23.158, 94.215
xyY	0.197, 0.158, 23.158
CIE-LCH	55.235, 73.598, 292.966
CIE-LUV	55.235, -16.575, -109.122
Hunter-Lab	48.123, 22.546, -82.393
Binary	01011100, 01111010, 11111011

#5c7afb
```
#5c7afb rgb(92,122,251)
```
#fbdd5c
```
#fbdd5c rgb(251,221,92)
```

Complementary Color

#5ccafb
```
#5ccafb rgb(92,202,251)
```
#5c7afb
```
#5c7afb rgb(92,122,251)
```
#8e5cfb
```
#8e5cfb rgb(142,92,251)
```

Analogous Color

#cafb5c
```
#cafb5c rgb(202,251,92)
```
#5c7afb
```
#5c7afb rgb(92,122,251)
```
#fb8e5c
```
#fb8e5c rgb(251,142,92)
```

Split Complementary Color

#7afb5c
```
#7afb5c rgb(122,251,92)
```
#5c7afb
```
#5c7afb rgb(92,122,251)
```
#fb5c7a
```
#fb5c7a rgb(251,92,122)
```

Triadic Color

#5cfbdd
```
#5cfbdd rgb(92,251,221)
```
#5c7afb
```
#5c7afb rgb(92,122,251)
```
#fb5c7a
```
#fb5c7a rgb(251,92,122)
```
#fbdd5c
```
#fbdd5c rgb(251,221,92)
```

Tetradic Color

#113df9
```
#113df9 rgb(17,61,249)
```
#2a51fa
```
#2a51fa rgb(42,81,250)
```
#4366fa
```
#4366fa rgb(67,102,250)
```
#5c7afb
```
#5c7afb rgb(92,122,251)
```
#758efc
```
#758efc rgb(117,142,252)
```
#8ea3fc
```
#8ea3fc rgb(142,163,252)
```
#a7b7fd
```
#a7b7fd rgb(167,183,253)
```

Monochromatic Color

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

#5ca2fb
```
#5ca2fb rgb(92,162,251)
```
#5c95fb
```
#5c95fb rgb(92,149,251)
```
#5c87fb
```
#5c87fb rgb(92,135,251)
```
#5c7afb
```
#5c7afb rgb(92,122,251)
```
#5c6dfb
```
#5c6dfb rgb(92,109,251)
```
#5c60fb
```
#5c60fb rgb(92,96,251)
```
#665cfb
```
#665cfb rgb(102,92,251)
```

Similar Colors

Text with hexadecimal color #5c7afb

This text has a font color of #5c7afb.

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

#5c7afb background color

This paragraph has a background color of #5c7afb.

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

#5c7afb border color

This element has a border color of #5c7afb.

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

CSS codes

.text {color:#5c7afb;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01061c
```
#01061c rgb(1,6,28)
```
#010a30
```
#010a30 rgb(1,10,48)
```
#020e43
```
#020e43 rgb(2,14,67)
```
#021256
```
#021256 rgb(2,18,86)
```
#031669
```
#031669 rgb(3,22,105)
```
#031a7c
```
#031a7c rgb(3,26,124)
```
#041e8f
```
#041e8f rgb(4,30,143)
```
#0422a2
```
#0422a2 rgb(4,34,162)
```
#0426b6
```
#0426b6 rgb(4,38,182)
```
#052ac9
```
#052ac9 rgb(5,42,201)
```
#052edc
```
#052edc rgb(5,46,220)
```
#0632ef
```
#0632ef rgb(6,50,239)
```

Shade Color Variation

#0f3cf9
```
#0f3cf9 rgb(15,60,249)
```
#234bfa
```
#234bfa rgb(35,75,250)
```
#365bfa
```
#365bfa rgb(54,91,250)
```
#496afb
```
#496afb rgb(73,106,251)
```
#5c7afb
```
#5c7afb rgb(92,122,251)
```
#6f8afb
```
#6f8afb rgb(111,138,251)
```
#8299fc
```
#8299fc rgb(130,153,252)
```
#95a9fc
```
#95a9fc rgb(149,169,252)
```
#a9b8fd
```
#a9b8fd rgb(169,184,253)
```
#bcc8fd
```
#bcc8fd rgb(188,200,253)
```
#cfd8fe
```
#cfd8fe rgb(207,216,254)
```
#e2e7fe
```
#e2e7fe rgb(226,231,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a9aaae is the less saturated color, while #5c7afb is the most saturated one.

#a9aaae
```
#a9aaae rgb(169,170,174)
```
#a3a6b4
```
#a3a6b4 rgb(163,166,180)
```
#9ca2bb
```
#9ca2bb rgb(156,162,187)
```
#969ec1
```
#969ec1 rgb(150,158,193)
```
#8f9ac8
```
#8f9ac8 rgb(143,154,200)
```
#8996ce
```
#8996ce rgb(137,150,206)
```
#8392d4
```
#8392d4 rgb(131,146,212)
```
#7c8edb
```
#7c8edb rgb(124,142,219)
```
#768ae1
```
#768ae1 rgb(118,138,225)
```
#6f86e8
```
#6f86e8 rgb(111,134,232)
```
#6982ee
```
#6982ee rgb(105,130,238)
```
#627ef5
```
#627ef5 rgb(98,126,245)
```
#5c7afb
```
#5c7afb rgb(92,122,251)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#797f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3586ff Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#4382fd Protanomaly 1% of men, 0.01% of women
#2186ef Deuteranomaly 6% of men, 0.4% of women
#218dc3 Tritanomaly 0.01% of the population

#5c7afb hex color

#5c7afb Color Information

#5c7afb Color Conversion

Color Schemes with #5c7afb

Alternatives to #5c7afb

#5c7afb Preview

Shades and Tints of #5c7afb

Tones of #5c7afb

Color Blindness Simulator