#5ac4f6 Color Information
In a RGB color space, hex #5ac4f6 is composed of 35.3% red, 76.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 20.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 199.2 degrees, a saturation of 89.7% and a lightness of 65.9%. #5ac4f6 color hex could be obtained by blending #b4ffff with #0089ed. Closest websafe color is: #66ccff.
-
- R 35
- G 77
- B 96
-
- C 63
- M 20
- Y 0
- K 4
● #5ac4f6 color description : Soft blue.
#5ac4f6 Color Conversion
The hexadecimal color #5ac4f6 has RGB values of R:90, G:196, B:246 and CMYK values of C:0.63, M:0.2, Y:0, K:0.04. Its decimal value is 5948662.
Hex triplet | 5ac4f6 | #5ac4f6 |
---|---|---|
RGB Decimal | 90, 196, 246 | rgb(90,196,246) |
RGB Percent | 35.3, 76.9, 96.5 | rgb(35.3%,76.9%,96.5%) |
CMYK | 63, 20, 0, 4 | |
HSL | 199.2°, 89.7, 65.9 | hsl(199.2,89.7%,65.9%) |
HSV (or HSB) | 199.2°, 63.4, 96.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 75.016, -15.795, -33.761 |
---|---|
XYZ | 40.587, 48.304, 94.368 |
xyY | 0.221, 0.264, 48.304 |
CIE-LCH | 75.016, 37.273, 244.928 |
CIE-LUV | 75.016, -41.902, -52.282 |
Hunter-Lab | 69.501, -17.388, -31.853 |
Binary | 01011010, 11000100, 11110110 |
Color Schemes with #5ac4f6
Alternatives to #5ac4f6
Below, you can see some colors close to #5ac4f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ac4f6 Preview
This text has a font color of #5ac4f6.
<span style="color:#5ac4f6;">Text here</span>
This paragraph has a background color of #5ac4f6.
<p style="background-color:#5ac4f6;">Content here</p>
This element has a border color of #5ac4f6.
<div style="border:1px solid #5ac4f6;">Content here</div>
.text {color:#5ac4f6;}
.background {background-color:#5ac4f6;}
.border {border:1px solid #5ac4f6;}
Shades and Tints of #5ac4f6
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, #000202 is the darkest color, while #eff9fe is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#010f15
#010f15
rgb(1,15,21)
-
#021c28
#021c28
rgb(2,28,40)
-
#03293a
#03293a
rgb(3,41,58)
-
#04364d
#04364d
rgb(4,54,77)
-
#05425f
#05425f
rgb(5,66,95)
-
#064f72
#064f72
rgb(6,79,114)
-
#075c85
#075c85
rgb(7,92,133)
-
#086997
#086997
rgb(8,105,151)
-
#0976aa
#0976aa
rgb(9,118,170)
-
#0a83bc
#0a83bc
rgb(10,131,188)
-
#0b90cf
#0b90cf
rgb(11,144,207)
-
#0c9de2
#0c9de2
rgb(12,157,226)
-
#10a9f2
#10a9f2
rgb(16,169,242)
-
#22b0f3
#22b0f3
rgb(34,176,243)
-
#35b7f4
#35b7f4
rgb(53,183,244)
-
#47bdf5
#47bdf5
rgb(71,189,245)
-
#5ac4f6
#5ac4f6
rgb(90,196,246)
-
#6dcbf7
#6dcbf7
rgb(109,203,247)
-
#7fd1f8
#7fd1f8
rgb(127,209,248)
-
#92d8f9
#92d8f9
rgb(146,216,249)
-
#a4dffa
#a4dffa
rgb(164,223,250)
-
#b7e5fb
#b7e5fb
rgb(183,229,251)
-
#caecfc
#caecfc
rgb(202,236,252)
-
#dcf3fd
#dcf3fd
rgb(220,243,253)
-
#eff9fe
#eff9fe
rgb(239,249,254)
Tones of #5ac4f6
A tone is produced by adding gray to any pure hue. In this case, #a4aaac is the less saturated color, while #53c6fd is the most saturated one.
-
#a4aaac
#a4aaac
rgb(164,170,172)
-
#9dacb3
#9dacb3
rgb(157,172,179)
-
#96aeba
#96aeba
rgb(150,174,186)
-
#90b1c0
#90b1c0
rgb(144,177,192)
-
#89b3c7
#89b3c7
rgb(137,179,199)
-
#82b6ce
#82b6ce
rgb(130,182,206)
-
#7bb8d5
#7bb8d5
rgb(123,184,213)
-
#75badb
#75badb
rgb(117,186,219)
-
#6ebde2
#6ebde2
rgb(110,189,226)
-
#67bfe9
#67bfe9
rgb(103,191,233)
-
#61c2ef
#61c2ef
rgb(97,194,239)
-
#5ac4f6
#5ac4f6
rgb(90,196,246)
-
#53c6fd
#53c6fd
rgb(83,198,253)
Color Blindness Simulator
Below, you can see how #5ac4f6 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.