#5cbafe hex color

In a RGB color space, hex #5cbafe is composed of 36.1% red, 72.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 26.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 205.2 degrees, a saturation of 98.8% and a lightness of 67.8%. #5cbafe color hex could be obtained by blending #b8ffff with #0075fd. Closest websafe color is: #66ccff.

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

● #5cbafe color description : Soft blue.

The hexadecimal color #5cbafe has RGB values of R:92, G:186, B:254 and CMYK values of C:0.64, M:0.27, Y:0, K:0. Its decimal value is 6077182.

Hex triplet	5cbafe	`#5cbafe`
RGB Decimal	92, 186, 254	`rgb(92,186,254)`
RGB Percent	36.1, 72.9, 99.6	`rgb(36.1%,72.9%,99.6%)`
CMYK	64, 27, 0, 0
HSL	205.2°, 98.8, 67.8	`hsl(205.2,98.8%,67.8%)`
HSV (or HSB)	205.2°, 63.8, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.592, -7.613, -41.829
XYZ	39.858, 44.546, 100.258
xyY	0.216, 0.241, 44.546
CIE-LCH	72.592, 42.516, 259.685
CIE-LUV	72.592, -37.563, -66.935
Hunter-Lab	66.743, -10.203, -42.343
Binary	01011100, 10111010, 11111110

#5cbafe
```
#5cbafe rgb(92,186,254)
```
#fea05c
```
#fea05c rgb(254,160,92)
```

Complementary Color

#5cfef1
```
#5cfef1 rgb(92,254,241)
```
#5cbafe
```
#5cbafe rgb(92,186,254)
```
#5c69fe
```
#5c69fe rgb(92,105,254)
```

Analogous Color

#fef15c
```
#fef15c rgb(254,241,92)
```
#5cbafe
```
#5cbafe rgb(92,186,254)
```
#fe5c69
```
#fe5c69 rgb(254,92,105)
```

Split Complementary Color

#bafe5c
```
#bafe5c rgb(186,254,92)
```
#5cbafe
```
#5cbafe rgb(92,186,254)
```
#fe5cba
```
#fe5cba rgb(254,92,186)
```

Triadic Color

#5cfea0
```
#5cfea0 rgb(92,254,160)
```
#5cbafe
```
#5cbafe rgb(92,186,254)
```
#fe5cba
```
#fe5cba rgb(254,92,186)
```
#fea05c
```
#fea05c rgb(254,160,92)
```

Tetradic Color

#109afe
```
#109afe rgb(16,154,254)
```
#29a5fe
```
#29a5fe rgb(41,165,254)
```
#43affe
```
#43affe rgb(67,175,254)
```
#5cbafe
```
#5cbafe rgb(92,186,254)
```
#75c5fe
```
#75c5fe rgb(117,197,254)
```
#8fcffe
```
#8fcffe rgb(143,207,254)
```
#a8dafe
```
#a8dafe rgb(168,218,254)
```

Monochromatic Color

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

#5ce3fe
```
#5ce3fe rgb(92,227,254)
```
#5cd5fe
```
#5cd5fe rgb(92,213,254)
```
#5cc8fe
```
#5cc8fe rgb(92,200,254)
```
#5cbafe
```
#5cbafe rgb(92,186,254)
```
#5cadfe
```
#5cadfe rgb(92,173,254)
```
#5c9ffe
```
#5c9ffe rgb(92,159,254)
```
#5c92fe
```
#5c92fe rgb(92,146,254)
```

Similar Colors

Text with hexadecimal color #5cbafe

This text has a font color of #5cbafe.

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

#5cbafe background color

This paragraph has a background color of #5cbafe.

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

#5cbafe border color

This element has a border color of #5cbafe.

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

CSS codes

.text {color:#5cbafe;}

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

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

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

#00070c
```
#00070c rgb(0,7,12)
```
#001320
```
#001320 rgb(0,19,32)
```
#001e33
```
#001e33 rgb(0,30,51)
```
#002947
```
#002947 rgb(0,41,71)
```
#01355a
```
#01355a rgb(1,53,90)
```
#01406e
```
#01406e rgb(1,64,110)
```
#014b81
```
#014b81 rgb(1,75,129)
```
#015795
```
#015795 rgb(1,87,149)
```
#0162a8
```
#0162a8 rgb(1,98,168)
```
#016ebc
```
#016ebc rgb(1,110,188)
```
#0179cf
```
#0179cf rgb(1,121,207)
```
#0184e3
```
#0184e3 rgb(1,132,227)
```
#0290f6
```
#0290f6 rgb(2,144,246)
```

Shade Color Variation

#0e99fe
```
#0e99fe rgb(14,153,254)
```
#22a1fe
```
#22a1fe rgb(34,161,254)
```
#35a9fe
```
#35a9fe rgb(53,169,254)
```
#49b2fe
```
#49b2fe rgb(73,178,254)
```
#5cbafe
```
#5cbafe rgb(92,186,254)
```
#6fc2fe
```
#6fc2fe rgb(111,194,254)
```
#83cbfe
```
#83cbfe rgb(131,203,254)
```
#96d3fe
```
#96d3fe rgb(150,211,254)
```
#aadbfe
```
#aadbfe rgb(170,219,254)
```
#bde3ff
```
#bde3ff rgb(189,227,255)
```
#d1ecff
```
#d1ecff rgb(209,236,255)
```
#e4f4ff
```
#e4f4ff rgb(228,244,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#a8aeb2
```
#a8aeb2 rgb(168,174,178)
```
#a1afb9
```
#a1afb9 rgb(161,175,185)
```
#9bb0bf
```
#9bb0bf rgb(155,176,191)
```
#95b1c5
```
#95b1c5 rgb(149,177,197)
```
#8eb2cc
```
#8eb2cc rgb(142,178,204)
```
#88b3d2
```
#88b3d2 rgb(136,179,210)
```
#82b4d8
```
#82b4d8 rgb(130,180,216)
```
#7cb5de
```
#7cb5de rgb(124,181,222)
```
#75b6e5
```
#75b6e5 rgb(117,182,229)
```
#6fb7eb
```
#6fb7eb rgb(111,183,235)
```
#69b8f1
```
#69b8f1 rgb(105,184,241)
```
#62b9f8
```
#62b9f8 rgb(98,185,248)
```
#5cbafe
```
#5cbafe rgb(92,186,254)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#97aab8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b3f7 Protanopia 1% of men
#95b5ff Deuteranopia 1% of men
#46c5d4 Tritanopia 0.001% of the population

Trichromacy

#87b6f9 Protanomaly 1% of men, 0.01% of women
#80b6fe Deuteranomaly 6% of men, 0.4% of women
#4ec1e3 Tritanomaly 0.01% of the population

#5cbafe hex color

#5cbafe Color Information

#5cbafe Color Conversion

Color Schemes with #5cbafe

Alternatives to #5cbafe

#5cbafe Preview

Shades and Tints of #5cbafe

Tones of #5cbafe

Color Blindness Simulator