#5c9afe hex color

In a RGB color space, hex #5c9afe is composed of 36.1% red, 60.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 39.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 217 degrees, a saturation of 98.8% and a lightness of 67.8%. #5c9afe color hex could be obtained by blending #b8ffff with #0035fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 60
- B 100
RGB color chart
- C 64
- M 39
- Y 0
- K 0
CMYK color chart

● #5c9afe color description : Soft blue.

The hexadecimal color #5c9afe has RGB values of R:92, G:154, B:254 and CMYK values of C:0.64, M:0.39, Y:0, K:0. Its decimal value is 6068990.

Hex triplet	5c9afe	`#5c9afe`
RGB Decimal	92, 154, 254	`rgb(92,154,254)`
RGB Percent	36.1, 60.4, 99.6	`rgb(36.1%,60.4%,99.6%)`
CMYK	64, 39, 0, 0
HSL	217°, 98.8, 67.8	`hsl(217,98.8%,67.8%)`
HSV (or HSB)	217°, 63.8, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.787, 10.521, -55.707
XYZ	33.855, 32.54, 98.257
xyY	0.206, 0.198, 32.54
CIE-LCH	63.787, 56.692, 280.695
CIE-LUV	63.787, -26.563, -91.014
Hunter-Lab	57.044, 6.11, -62.195
Binary	01011100, 10011010, 11111110

#5c9afe
```
#5c9afe rgb(92,154,254)
```
#fec05c
```
#fec05c rgb(254,192,92)
```

Complementary Color

#5cebfe
```
#5cebfe rgb(92,235,254)
```
#5c9afe
```
#5c9afe rgb(92,154,254)
```
#6f5cfe
```
#6f5cfe rgb(111,92,254)
```

Analogous Color

#ebfe5c
```
#ebfe5c rgb(235,254,92)
```
#5c9afe
```
#5c9afe rgb(92,154,254)
```
#fe6f5c
```
#fe6f5c rgb(254,111,92)
```

Split Complementary Color

#9afe5c
```
#9afe5c rgb(154,254,92)
```
#5c9afe
```
#5c9afe rgb(92,154,254)
```
#fe5c9a
```
#fe5c9a rgb(254,92,154)
```

Triadic Color

#5cfec0
```
#5cfec0 rgb(92,254,192)
```
#5c9afe
```
#5c9afe rgb(92,154,254)
```
#fe5c9a
```
#fe5c9a rgb(254,92,154)
```
#fec05c
```
#fec05c rgb(254,192,92)
```

Tetradic Color

#106bfe
```
#106bfe rgb(16,107,254)
```
#297bfe
```
#297bfe rgb(41,123,254)
```
#438afe
```
#438afe rgb(67,138,254)
```
#5c9afe
```
#5c9afe rgb(92,154,254)
```
#75aafe
```
#75aafe rgb(117,170,254)
```
#8fb9fe
```
#8fb9fe rgb(143,185,254)
```
#a8c9fe
```
#a8c9fe rgb(168,201,254)
```

Monochromatic Color

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

#5cc3fe
```
#5cc3fe rgb(92,195,254)
```
#5cb5fe
```
#5cb5fe rgb(92,181,254)
```
#5ca8fe
```
#5ca8fe rgb(92,168,254)
```
#5c9afe
```
#5c9afe rgb(92,154,254)
```
#5c8dfe
```
#5c8dfe rgb(92,141,254)
```
#5c7ffe
```
#5c7ffe rgb(92,127,254)
```
#5c72fe
```
#5c72fe rgb(92,114,254)
```

Similar Colors

Text with hexadecimal color #5c9afe

This text has a font color of #5c9afe.

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

#5c9afe background color

This paragraph has a background color of #5c9afe.

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

#5c9afe border color

This element has a border color of #5c9afe.

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

CSS codes

.text {color:#5c9afe;}

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

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

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, #00050c is the darkest color, while #f8fbff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#000c20
```
#000c20 rgb(0,12,32)
```
#001433
```
#001433 rgb(0,20,51)
```
#001b47
```
#001b47 rgb(0,27,71)
```
#01235a
```
#01235a rgb(1,35,90)
```
#012a6e
```
#012a6e rgb(1,42,110)
```
#013281
```
#013281 rgb(1,50,129)
```
#013a95
```
#013a95 rgb(1,58,149)
```
#0141a8
```
#0141a8 rgb(1,65,168)
```
#0149bc
```
#0149bc rgb(1,73,188)
```
#0150cf
```
#0150cf rgb(1,80,207)
```
#0158e3
```
#0158e3 rgb(1,88,227)
```
#025ff6
```
#025ff6 rgb(2,95,246)
```

Shade Color Variation

#0e6afe
```
#0e6afe rgb(14,106,254)
```
#2276fe
```
#2276fe rgb(34,118,254)
```
#3582fe
```
#3582fe rgb(53,130,254)
```
#498efe
```
#498efe rgb(73,142,254)
```
#5c9afe
```
#5c9afe rgb(92,154,254)
```
#6fa6fe
```
#6fa6fe rgb(111,166,254)
```
#83b2fe
```
#83b2fe rgb(131,178,254)
```
#96befe
```
#96befe rgb(150,190,254)
```
#aacafe
```
#aacafe rgb(170,202,254)
```
#bdd6ff
```
#bdd6ff rgb(189,214,255)
```
#d1e2ff
```
#d1e2ff rgb(209,226,255)
```
#e4efff
```
#e4efff rgb(228,239,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#a8acb2
```
#a8acb2 rgb(168,172,178)
```
#a1aab9
```
#a1aab9 rgb(161,170,185)
```
#9ba9bf
```
#9ba9bf rgb(155,169,191)
```
#95a7c5
```
#95a7c5 rgb(149,167,197)
```
#8ea6cc
```
#8ea6cc rgb(142,166,204)
```
#88a4d2
```
#88a4d2 rgb(136,164,210)
```
#82a3d8
```
#82a3d8 rgb(130,163,216)
```
#7ca1de
```
#7ca1de rgb(124,161,222)
```
#75a0e5
```
#75a0e5 rgb(117,160,229)
```
#6f9eeb
```
#6f9eeb rgb(111,158,235)
```
#699df1
```
#699df1 rgb(105,157,241)
```
#629bf8
```
#629bf8 rgb(98,155,248)
```
#5c9afe
```
#5c9afe rgb(92,154,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8894a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#759cfb Protanopia 1% of men
#5aa0fd Deuteranopia 1% of men
#2eaebb Tritanopia 0.001% of the population

Trichromacy

#6c9bfc Protanomaly 1% of men, 0.01% of women
#5b9efd Deuteranomaly 6% of men, 0.4% of women
#3ea7d3 Tritanomaly 0.01% of the population

#5c9afe hex color

#5c9afe Color Information

#5c9afe Color Conversion

Color Schemes with #5c9afe

Alternatives to #5c9afe

#5c9afe Preview

Shades and Tints of #5c9afe

Tones of #5c9afe

Color Blindness Simulator