#5ac2f8 hex color

In a RGB color space, hex #5ac2f8 is composed of 35.3% red, 76.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 21.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 200.5 degrees, a saturation of 91.9% and a lightness of 66.3%. #5ac2f8 color hex could be obtained by blending #b4ffff with #0085f1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 76
- B 97
RGB color chart
- C 64
- M 22
- Y 0
- K 3
CMYK color chart

● #5ac2f8 color description : Soft blue.

The hexadecimal color #5ac2f8 has RGB values of R:90, G:194, B:248 and CMYK values of C:0.64, M:0.22, Y:0, K:0.03. Its decimal value is 5948152.

Hex triplet	5ac2f8	`#5ac2f8`
RGB Decimal	90, 194, 248	`rgb(90,194,248)`
RGB Percent	35.3, 76.1, 97.3	`rgb(35.3%,76.1%,97.3%)`
CMYK	64, 22, 0, 3
HSL	200.5°, 91.9, 66.3	`hsl(200.5,91.9%,66.3%)`
HSV (or HSB)	200.5°, 63.7, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.528, -14.123, -35.592
XYZ	40.447, 47.531, 95.845
xyY	0.22, 0.259, 47.531
CIE-LCH	74.528, 38.291, 248.356
CIE-LUV	74.528, -41.096, -55.597
Hunter-Lab	68.943, -15.929, -34.165
Binary	01011010, 11000010, 11111000

#5ac2f8
```
#5ac2f8 rgb(90,194,248)
```
#f8905a
```
#f8905a rgb(248,144,90)
```

Complementary Color

#5af8df
```
#5af8df rgb(90,248,223)
```
#5ac2f8
```
#5ac2f8 rgb(90,194,248)
```
#5a73f8
```
#5a73f8 rgb(90,115,248)
```

Analogous Color

#f8df5a
```
#f8df5a rgb(248,223,90)
```
#5ac2f8
```
#5ac2f8 rgb(90,194,248)
```
#f85a73
```
#f85a73 rgb(248,90,115)
```

Split Complementary Color

#c2f85a
```
#c2f85a rgb(194,248,90)
```
#5ac2f8
```
#5ac2f8 rgb(90,194,248)
```
#f85ac2
```
#f85ac2 rgb(248,90,194)
```

Triadic Color

#5af890
```
#5af890 rgb(90,248,144)
```
#5ac2f8
```
#5ac2f8 rgb(90,194,248)
```
#f85ac2
```
#f85ac2 rgb(248,90,194)
```
#f8905a
```
#f8905a rgb(248,144,90)
```

Tetradic Color

#11a7f5
```
#11a7f5 rgb(17,167,245)
```
#29b0f6
```
#29b0f6 rgb(41,176,246)
```
#42b9f7
```
#42b9f7 rgb(66,185,247)
```
#5ac2f8
```
#5ac2f8 rgb(90,194,248)
```
#72cbf9
```
#72cbf9 rgb(114,203,249)
```
#8bd4fa
```
#8bd4fa rgb(139,212,250)
```
#a3ddfb
```
#a3ddfb rgb(163,221,251)
```

Monochromatic Color

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

#5aeaf8
```
#5aeaf8 rgb(90,234,248)
```
#5adcf8
```
#5adcf8 rgb(90,220,248)
```
#5acff8
```
#5acff8 rgb(90,207,248)
```
#5ac2f8
```
#5ac2f8 rgb(90,194,248)
```
#5ab5f8
```
#5ab5f8 rgb(90,181,248)
```
#5aa8f8
```
#5aa8f8 rgb(90,168,248)
```
#5a9bf8
```
#5a9bf8 rgb(90,155,248)
```

Similar Colors

Text with hexadecimal color #5ac2f8

This text has a font color of #5ac2f8.

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

#5ac2f8 background color

This paragraph has a background color of #5ac2f8.

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

#5ac2f8 border color

This element has a border color of #5ac2f8.

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

CSS codes

.text {color:#5ac2f8;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011017
```
#011017 rgb(1,16,23)
```
#021c2a
```
#021c2a rgb(2,28,42)
```
#03293d
```
#03293d rgb(3,41,61)
```
#033650
```
#033650 rgb(3,54,80)
```
#044262
```
#044262 rgb(4,66,98)
```
#054f75
```
#054f75 rgb(5,79,117)
```
#065c88
```
#065c88 rgb(6,92,136)
```
#07689b
```
#07689b rgb(7,104,155)
```
#0775ae
```
#0775ae rgb(7,117,174)
```
#0882c1
```
#0882c1 rgb(8,130,193)
```
#098ed3
```
#098ed3 rgb(9,142,211)
```
#0a9be6
```
#0a9be6 rgb(10,155,230)
```

Shade Color Variation

#0fa6f5
```
#0fa6f5 rgb(15,166,245)
```
#22adf6
```
#22adf6 rgb(34,173,246)
```
#34b4f6
```
#34b4f6 rgb(52,180,246)
```
#47bbf7
```
#47bbf7 rgb(71,187,247)
```
#5ac2f8
```
#5ac2f8 rgb(90,194,248)
```
#6dc9f9
```
#6dc9f9 rgb(109,201,249)
```
#80d0fa
```
#80d0fa rgb(128,208,250)
```
#92d7fa
```
#92d7fa rgb(146,215,250)
```
#a5defb
```
#a5defb rgb(165,222,251)
```
#b8e5fc
```
#b8e5fc rgb(184,229,252)
```
#cbecfd
```
#cbecfd rgb(203,236,253)
```
#def3fe
```
#def3fe rgb(222,243,254)
```
#f1fafe
```
#f1fafe rgb(241,250,254)
```

Tint Color Variation

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

#a3abaf
```
#a3abaf rgb(163,171,175)
```
#9cadb6
```
#9cadb6 rgb(156,173,182)
```
#96afbc
```
#96afbc rgb(150,175,188)
```
#8fb1c3
```
#8fb1c3 rgb(143,177,195)
```
#88b3ca
```
#88b3ca rgb(136,179,202)
```
#82b5d0
```
#82b5d0 rgb(130,181,208)
```
#7bb8d7
```
#7bb8d7 rgb(123,184,215)
```
#74bade
```
#74bade rgb(116,186,222)
```
#6ebce4
```
#6ebce4 rgb(110,188,228)
```
#67beeb
```
#67beeb rgb(103,190,235)
```
#61c0f1
```
#61c0f1 rgb(97,192,241)
```
#5ac2f8
```
#5ac2f8 rgb(90,194,248)
```
#53c4ff
```
#53c4ff rgb(83,196,255)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#99aeb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb9f0 Protanopia 1% of men
#a3b9fd Deuteranopia 1% of men
#4dcad9 Tritanopia 0.001% of the population

Trichromacy

#8dbcf3 Protanomaly 1% of men, 0.01% of women
#88bcfb Deuteranomaly 6% of men, 0.4% of women
#52c7e4 Tritanomaly 0.01% of the population

#5ac2f8 hex color

#5ac2f8 Color Information

#5ac2f8 Color Conversion

Color Schemes with #5ac2f8

Alternatives to #5ac2f8

#5ac2f8 Preview

Shades and Tints of #5ac2f8

Tones of #5ac2f8

Color Blindness Simulator