#56acfa hex color

In a RGB color space, hex #56acfa is composed of 33.7% red, 67.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 31.2% magenta, 0% yellow and 2% black. It has a hue angle of 208.5 degrees, a saturation of 94.3% and a lightness of 65.9%. #56acfa color hex could be obtained by blending #acffff with #0059f5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 67
- B 98
RGB color chart
- C 66
- M 31
- Y 0
- K 2
CMYK color chart

● #56acfa color description : Soft blue.

The hexadecimal color #56acfa has RGB values of R:86, G:172, B:250 and CMYK values of C:0.66, M:0.31, Y:0, K:0.02. Its decimal value is 5680378.

Hex triplet	56acfa	`#56acfa`
RGB Decimal	86, 172, 250	`rgb(86,172,250)`
RGB Percent	33.7, 67.5, 98	`rgb(33.7%,67.5%,98%)`
CMYK	66, 31, 0, 2
HSL	208.5°, 94.3, 65.9	`hsl(208.5,94.3%,65.9%)`
HSV (or HSB)	208.5°, 65.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.302, -2.139, -46.402
XYZ	35.842, 38.383, 95.957
xyY	0.211, 0.226, 38.383
CIE-LCH	68.302, 46.451, 267.361
CIE-LUV	68.302, -34.139, -74.83
Hunter-Lab	61.954, -5.154, -48.463
Binary	01010110, 10101100, 11111010

#56acfa
```
#56acfa rgb(86,172,250)
```
#faa456
```
#faa456 rgb(250,164,86)
```

Complementary Color

#56faf6
```
#56faf6 rgb(86,250,246)
```
#56acfa
```
#56acfa rgb(86,172,250)
```
#565afa
```
#565afa rgb(86,90,250)
```

Analogous Color

#faf656
```
#faf656 rgb(250,246,86)
```
#56acfa
```
#56acfa rgb(86,172,250)
```
#fa565a
```
#fa565a rgb(250,86,90)
```

Split Complementary Color

#acfa56
```
#acfa56 rgb(172,250,86)
```
#56acfa
```
#56acfa rgb(86,172,250)
```
#fa56ac
```
#fa56ac rgb(250,86,172)
```

Triadic Color

#56faa4
```
#56faa4 rgb(86,250,164)
```
#56acfa
```
#56acfa rgb(86,172,250)
```
#fa56ac
```
#fa56ac rgb(250,86,172)
```
#faa456
```
#faa456 rgb(250,164,86)
```

Tetradic Color

#0c88f8
```
#0c88f8 rgb(12,136,248)
```
#2494f9
```
#2494f9 rgb(36,148,249)
```
#3da0f9
```
#3da0f9 rgb(61,160,249)
```
#56acfa
```
#56acfa rgb(86,172,250)
```
#6fb8fb
```
#6fb8fb rgb(111,184,251)
```
#88c4fb
```
#88c4fb rgb(136,196,251)
```
#a0d0fc
```
#a0d0fc rgb(160,208,252)
```

Monochromatic Color

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

#56d5fa
```
#56d5fa rgb(86,213,250)
```
#56c7fa
```
#56c7fa rgb(86,199,250)
```
#56bafa
```
#56bafa rgb(86,186,250)
```
#56acfa
```
#56acfa rgb(86,172,250)
```
#569efa
```
#569efa rgb(86,158,250)
```
#5691fa
```
#5691fa rgb(86,145,250)
```
#5683fa
```
#5683fa rgb(86,131,250)
```

Similar Colors

Text with hexadecimal color #56acfa

This text has a font color of #56acfa.

<span style="color:#56acfa;">Text here</span>

#56acfa background color

This paragraph has a background color of #56acfa.

<p style="background-color:#56acfa;">Content here</p>

#56acfa border color

This element has a border color of #56acfa.

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

CSS codes

.text {color:#56acfa;}

.background {background-color:#56acfa;}

.border {border:1px solid #56acfa;}

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

#000102
```
#000102 rgb(0,1,2)
```
#010c16
```
#010c16 rgb(1,12,22)
```
#011629
```
#011629 rgb(1,22,41)
```
#02203c
```
#02203c rgb(2,32,60)
```
#022a4f
```
#022a4f rgb(2,42,79)
```
#033562
```
#033562 rgb(3,53,98)
```
#033f75
```
#033f75 rgb(3,63,117)
```
#044988
```
#044988 rgb(4,73,136)
```
#05539b
```
#05539b rgb(5,83,155)
```
#055eae
```
#055eae rgb(5,94,174)
```
#0668c1
```
#0668c1 rgb(6,104,193)
```
#0672d4
```
#0672d4 rgb(6,114,212)
```
#077ce7
```
#077ce7 rgb(7,124,231)
```

Shade Color Variation

#0a87f8
```
#0a87f8 rgb(10,135,248)
```
#1d90f8
```
#1d90f8 rgb(29,144,248)
```
#3099f9
```
#3099f9 rgb(48,153,249)
```
#43a3f9
```
#43a3f9 rgb(67,163,249)
```
#56acfa
```
#56acfa rgb(86,172,250)
```
#69b5fb
```
#69b5fb rgb(105,181,251)
```
#7cbffb
```
#7cbffb rgb(124,191,251)
```
#8fc8fc
```
#8fc8fc rgb(143,200,252)
```
#a2d1fc
```
#a2d1fc rgb(162,209,252)
```
#b5dbfd
```
#b5dbfd rgb(181,219,253)
```
#c8e4fd
```
#c8e4fd rgb(200,228,253)
```
#dbedfe
```
#dbedfe rgb(219,237,254)
```
#eef7ff
```
#eef7ff rgb(238,247,255)
```

Tint Color Variation

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

#a6a8aa
```
#a6a8aa rgb(166,168,170)
```
#a0a8b0
```
#a0a8b0 rgb(160,168,176)
```
#99a9b7
```
#99a9b7 rgb(153,169,183)
```
#92a9be
```
#92a9be rgb(146,169,190)
```
#8ca9c4
```
#8ca9c4 rgb(140,169,196)
```
#85aacb
```
#85aacb rgb(133,170,203)
```
#7eaad2
```
#7eaad2 rgb(126,170,210)
```
#77aad9
```
#77aad9 rgb(119,170,217)
```
#71abdf
```
#71abdf rgb(113,171,223)
```
#6aabe6
```
#6aabe6 rgb(106,171,230)
```
#63abed
```
#63abed rgb(99,171,237)
```
#5dacf3
```
#5dacf3 rgb(93,172,243)
```
#56acfa
```
#56acfa rgb(86,172,250)
```

Tone Color Variation

Below, you can see how #56acfa 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

#9b9b9b Achromatopsia 0.005% of the population
#8d9eae Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa8f4 Protanopia 1% of men
#7eaafc Deuteranopia 1% of men
#35bac8 Tritanopia 0.001% of the population

Trichromacy

#7aa9f6 Protanomaly 1% of men, 0.01% of women
#70abfb Deuteranomaly 6% of men, 0.4% of women
#41b5da Tritanomaly 0.01% of the population

#56acfa hex color

#56acfa Color Information

#56acfa Color Conversion

Color Schemes with #56acfa

Alternatives to #56acfa

#56acfa Preview

Shades and Tints of #56acfa

Tones of #56acfa

Color Blindness Simulator