#5c7efa hex color

In a RGB color space, hex #5c7efa is composed of 36.1% red, 49.4% green and 98% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 49.6% magenta, 0% yellow and 2% black. It has a hue angle of 227.1 degrees, a saturation of 94% and a lightness of 67.1%. #5c7efa color hex could be obtained by blending #b8fcff with #0000f5. Closest websafe color is: #6666ff.

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

● #5c7efa color description : Soft blue.

The hexadecimal color #5c7efa has RGB values of R:92, G:126, B:250 and CMYK values of C:0.63, M:0.5, Y:0, K:0.02. Its decimal value is 6061818.

Hex triplet	5c7efa	`#5c7efa`
RGB Decimal	92, 126, 250	`rgb(92,126,250)`
RGB Percent	36.1, 49.4, 98	`rgb(36.1%,49.4%,98%)`
CMYK	63, 50, 0, 2
HSL	227.1°, 94, 67.1	`hsl(227.1,94%,67.1%)`
HSV (or HSB)	227.1°, 63.2, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.185, 25.951, -65.678
XYZ	29.126, 24.097, 93.554
xyY	0.198, 0.164, 24.097
CIE-LCH	56.185, 70.619, 291.56
CIE-LUV	56.185, -17.731, -106.085
Hunter-Lab	49.089, 20.004, -78.632
Binary	01011100, 01111110, 11111010

#5c7efa
```
#5c7efa rgb(92,126,250)
```
#fad85c
```
#fad85c rgb(250,216,92)
```

Complementary Color

#5ccdfa
```
#5ccdfa rgb(92,205,250)
```
#5c7efa
```
#5c7efa rgb(92,126,250)
```
#895cfa
```
#895cfa rgb(137,92,250)
```

Analogous Color

#cdfa5c
```
#cdfa5c rgb(205,250,92)
```
#5c7efa
```
#5c7efa rgb(92,126,250)
```
#fa895c
```
#fa895c rgb(250,137,92)
```

Split Complementary Color

#7efa5c
```
#7efa5c rgb(126,250,92)
```
#5c7efa
```
#5c7efa rgb(92,126,250)
```
#fa5c7e
```
#fa5c7e rgb(250,92,126)
```

Triadic Color

#5cfad8
```
#5cfad8 rgb(92,250,216)
```
#5c7efa
```
#5c7efa rgb(92,126,250)
```
#fa5c7e
```
#fa5c7e rgb(250,92,126)
```
#fad85c
```
#fad85c rgb(250,216,92)
```

Tetradic Color

#1243f8
```
#1243f8 rgb(18,67,248)
```
#2b57f8
```
#2b57f8 rgb(43,87,248)
```
#436af9
```
#436af9 rgb(67,106,249)
```
#5c7efa
```
#5c7efa rgb(92,126,250)
```
#7592fb
```
#7592fb rgb(117,146,251)
```
#8da5fc
```
#8da5fc rgb(141,165,252)
```
#a6b9fc
```
#a6b9fc rgb(166,185,252)
```

Monochromatic Color

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

#5ca6fa
```
#5ca6fa rgb(92,166,250)
```
#5c98fa
```
#5c98fa rgb(92,152,250)
```
#5c8bfa
```
#5c8bfa rgb(92,139,250)
```
#5c7efa
```
#5c7efa rgb(92,126,250)
```
#5c71fa
```
#5c71fa rgb(92,113,250)
```
#5c64fa
```
#5c64fa rgb(92,100,250)
```
#615cfa
```
#615cfa rgb(97,92,250)
```

Similar Colors

Text with hexadecimal color #5c7efa

This text has a font color of #5c7efa.

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

#5c7efa background color

This paragraph has a background color of #5c7efa.

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

#5c7efa border color

This element has a border color of #5c7efa.

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

CSS codes

.text {color:#5c7efa;}

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

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

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

#000208
```
#000208 rgb(0,2,8)
```
#01071b
```
#01071b rgb(1,7,27)
```
#010b2e
```
#010b2e rgb(1,11,46)
```
#021041
```
#021041 rgb(2,16,65)
```
#031454
```
#031454 rgb(3,20,84)
```
#031967
```
#031967 rgb(3,25,103)
```
#041d7a
```
#041d7a rgb(4,29,122)
```
#04228e
```
#04228e rgb(4,34,142)
```
#0526a1
```
#0526a1 rgb(5,38,161)
```
#062bb4
```
#062bb4 rgb(6,43,180)
```
#0630c7
```
#0630c7 rgb(6,48,199)
```
#0734da
```
#0734da rgb(7,52,218)
```
#0739ed
```
#0739ed rgb(7,57,237)
```

Shade Color Variation

#1042f8
```
#1042f8 rgb(16,66,248)
```
#2351f8
```
#2351f8 rgb(35,81,248)
```
#3660f9
```
#3660f9 rgb(54,96,249)
```
#496ff9
```
#496ff9 rgb(73,111,249)
```
#5c7efa
```
#5c7efa rgb(92,126,250)
```
#6f8dfb
```
#6f8dfb rgb(111,141,251)
```
#829cfb
```
#829cfb rgb(130,156,251)
```
#95abfc
```
#95abfc rgb(149,171,252)
```
#a8bafc
```
#a8bafc rgb(168,186,252)
```
#bbc9fd
```
#bbc9fd rgb(187,201,253)
```
#ced8fe
```
#ced8fe rgb(206,216,254)
```
#e1e7fe
```
#e1e7fe rgb(225,231,254)
```
#f4f6ff
```
#f4f6ff rgb(244,246,255)
```

Tint Color Variation

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

#aaaaac
```
#aaaaac rgb(170,170,172)
```
#a3a6b3
```
#a3a6b3 rgb(163,166,179)
```
#9da3b9
```
#9da3b9 rgb(157,163,185)
```
#969fc0
```
#969fc0 rgb(150,159,192)
```
#909bc6
```
#909bc6 rgb(144,155,198)
```
#8998cd
```
#8998cd rgb(137,152,205)
```
#8394d3
```
#8394d3 rgb(131,148,211)
```
#7c90da
```
#7c90da rgb(124,144,218)
```
#768de0
```
#768de0 rgb(118,141,224)
```
#6f89e7
```
#6f89e7 rgb(111,137,231)
```
#6985ed
```
#6985ed rgb(105,133,237)
```
#6282f4
```
#6282f4 rgb(98,130,244)
```
#5c7efa
```
#5c7efa rgb(92,126,250)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7a819a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4189fe Protanopia 1% of men
#008fed Deuteranopia 1% of men
#119aa5 Tritanopia 0.001% of the population

Trichromacy

#4b85fc Protanomaly 1% of men, 0.01% of women
#2189f2 Deuteranomaly 6% of men, 0.4% of women
#2c90c4 Tritanomaly 0.01% of the population

#5c7efa hex color

#5c7efa Color Information

#5c7efa Color Conversion

Color Schemes with #5c7efa

Alternatives to #5c7efa

#5c7efa Preview

Shades and Tints of #5c7efa

Tones of #5c7efa

Color Blindness Simulator