#56bffa hex color

In a RGB color space, hex #56bffa is composed of 33.7% red, 74.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 23.6% magenta, 0% yellow and 2% black. It has a hue angle of 201.6 degrees, a saturation of 94.3% and a lightness of 65.9%. #56bffa color hex could be obtained by blending #acffff with #007ff5. Closest websafe color is: #66ccff.

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

● #56bffa color description : Soft blue.

The hexadecimal color #56bffa has RGB values of R:86, G:191, B:250 and CMYK values of C:0.66, M:0.24, Y:0, K:0.02. Its decimal value is 5685242.

Hex triplet	56bffa	`#56bffa`
RGB Decimal	86, 191, 250	`rgb(86,191,250)`
RGB Percent	33.7, 74.9, 98	`rgb(33.7%,74.9%,98%)`
CMYK	66, 24, 0, 2
HSL	201.6°, 94.3, 65.9	`hsl(201.6,94.3%,65.9%)`
HSV (or HSB)	201.6°, 65.6, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.636, -12.544, -38.063
XYZ	39.72, 46.139, 97.25
xyY	0.217, 0.252, 46.139
CIE-LCH	73.636, 40.077, 251.76
CIE-LUV	73.636, -40.797, -59.964
Hunter-Lab	67.926, -14.492, -37.338
Binary	01010110, 10111111, 11111010

#56bffa
```
#56bffa rgb(86,191,250)
```
#fa9156
```
#fa9156 rgb(250,145,86)
```

Complementary Color

#56fae3
```
#56fae3 rgb(86,250,227)
```
#56bffa
```
#56bffa rgb(86,191,250)
```
#566dfa
```
#566dfa rgb(86,109,250)
```

Analogous Color

#fae356
```
#fae356 rgb(250,227,86)
```
#56bffa
```
#56bffa rgb(86,191,250)
```
#fa566d
```
#fa566d rgb(250,86,109)
```

Split Complementary Color

#bffa56
```
#bffa56 rgb(191,250,86)
```
#56bffa
```
#56bffa rgb(86,191,250)
```
#fa56bf
```
#fa56bf rgb(250,86,191)
```

Triadic Color

#56fa91
```
#56fa91 rgb(86,250,145)
```
#56bffa
```
#56bffa rgb(86,191,250)
```
#fa56bf
```
#fa56bf rgb(250,86,191)
```
#fa9156
```
#fa9156 rgb(250,145,86)
```

Tetradic Color

#0ca3f8
```
#0ca3f8 rgb(12,163,248)
```
#24acf9
```
#24acf9 rgb(36,172,249)
```
#3db6f9
```
#3db6f9 rgb(61,182,249)
```
#56bffa
```
#56bffa rgb(86,191,250)
```
#6fc8fb
```
#6fc8fb rgb(111,200,251)
```
#88d2fb
```
#88d2fb rgb(136,210,251)
```
#a0dbfc
```
#a0dbfc rgb(160,219,252)
```

Monochromatic Color

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

#56e8fa
```
#56e8fa rgb(86,232,250)
```
#56dafa
```
#56dafa rgb(86,218,250)
```
#56cdfa
```
#56cdfa rgb(86,205,250)
```
#56bffa
```
#56bffa rgb(86,191,250)
```
#56b1fa
```
#56b1fa rgb(86,177,250)
```
#56a4fa
```
#56a4fa rgb(86,164,250)
```
#5696fa
```
#5696fa rgb(86,150,250)
```

Similar Colors

Text with hexadecimal color #56bffa

This text has a font color of #56bffa.

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

#56bffa background color

This paragraph has a background color of #56bffa.

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

#56bffa border color

This element has a border color of #56bffa.

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

CSS codes

.text {color:#56bffa;}

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

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

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 #eef9ff is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#010e16
```
#010e16 rgb(1,14,22)
```
#011a29
```
#011a29 rgb(1,26,41)
```
#02273c
```
#02273c rgb(2,39,60)
```
#02334f
```
#02334f rgb(2,51,79)
```
#034062
```
#034062 rgb(3,64,98)
```
#034c75
```
#034c75 rgb(3,76,117)
```
#045888
```
#045888 rgb(4,88,136)
```
#05659b
```
#05659b rgb(5,101,155)
```
#0571ae
```
#0571ae rgb(5,113,174)
```
#067ec1
```
#067ec1 rgb(6,126,193)
```
#068ad4
```
#068ad4 rgb(6,138,212)
```
#0796e7
```
#0796e7 rgb(7,150,231)
```

Shade Color Variation

#0aa2f8
```
#0aa2f8 rgb(10,162,248)
```
#1da9f8
```
#1da9f8 rgb(29,169,248)
```
#30b1f9
```
#30b1f9 rgb(48,177,249)
```
#43b8f9
```
#43b8f9 rgb(67,184,249)
```
#56bffa
```
#56bffa rgb(86,191,250)
```
#69c6fb
```
#69c6fb rgb(105,198,251)
```
#7ccdfb
```
#7ccdfb rgb(124,205,251)
```
#8fd5fc
```
#8fd5fc rgb(143,213,252)
```
#a2dcfc
```
#a2dcfc rgb(162,220,252)
```
#b5e3fd
```
#b5e3fd rgb(181,227,253)
```
#c8eafd
```
#c8eafd rgb(200,234,253)
```
#dbf2fe
```
#dbf2fe rgb(219,242,254)
```
#eef9ff
```
#eef9ff rgb(238,249,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 #56bffa is the most saturated one.

#a6a8aa
```
#a6a8aa rgb(166,168,170)
```
#a0aab0
```
#a0aab0 rgb(160,170,176)
```
#99acb7
```
#99acb7 rgb(153,172,183)
```
#92aebe
```
#92aebe rgb(146,174,190)
```
#8cb0c4
```
#8cb0c4 rgb(140,176,196)
```
#85b2cb
```
#85b2cb rgb(133,178,203)
```
#7eb4d2
```
#7eb4d2 rgb(126,180,210)
```
#77b6d9
```
#77b6d9 rgb(119,182,217)
```
#71b7df
```
#71b7df rgb(113,183,223)
```
#6ab9e6
```
#6ab9e6 rgb(106,185,230)
```
#63bbed
```
#63bbed rgb(99,187,237)
```
#5dbdf3
```
#5dbdf3 rgb(93,189,243)
```
#56bffa
```
#56bffa rgb(86,191,250)
```

Tone Color Variation

Below, you can see how #56bffa 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
#96abb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b6f2 Protanopia 1% of men
#9cb7fe Deuteranopia 1% of men
#44c9d7 Tritanopia 0.001% of the population

Trichromacy

#89b9f5 Protanomaly 1% of men, 0.01% of women
#82bafc Deuteranomaly 6% of men, 0.4% of women
#4ac5e4 Tritanomaly 0.01% of the population

#56bffa hex color

#56bffa Color Information

#56bffa Color Conversion

Color Schemes with #56bffa

Alternatives to #56bffa

#56bffa Preview

Shades and Tints of #56bffa

Tones of #56bffa

Color Blindness Simulator