#56bafc hex color

In a RGB color space, hex #56bafc is composed of 33.7% red, 72.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 26.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 203.9 degrees, a saturation of 96.5% and a lightness of 66.3%. #56bafc color hex could be obtained by blending #acffff with #0075f9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 34
- G 73
- B 99
RGB color chart
- C 66
- M 26
- Y 0
- K 1
CMYK color chart

● #56bafc color description : Soft blue.

The hexadecimal color #56bafc has RGB values of R:86, G:186, B:252 and CMYK values of C:0.66, M:0.26, Y:0, K:0.01. Its decimal value is 5683964.

Hex triplet	56bafc	`#56bafc`
RGB Decimal	86, 186, 252	`rgb(86,186,252)`
RGB Percent	33.7, 72.9, 98.8	`rgb(33.7%,72.9%,98.8%)`
CMYK	66, 26, 0, 1
HSL	203.9°, 96.5, 66.3	`hsl(203.9,96.5%,66.3%)`
HSV (or HSB)	203.9°, 65.9, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.31, -9.217, -41.206
XYZ	38.963, 44.122, 98.553
xyY	0.215, 0.243, 44.122
CIE-LCH	72.31, 42.224, 257.391
CIE-LUV	72.31, -38.947, -65.638
Hunter-Lab	66.424, -11.538, -41.471
Binary	01010110, 10111010, 11111100

#56bafc
```
#56bafc rgb(86,186,252)
```
#fc9856
```
#fc9856 rgb(252,152,86)
```

Complementary Color

#56fceb
```
#56fceb rgb(86,252,235)
```
#56bafc
```
#56bafc rgb(86,186,252)
```
#5667fc
```
#5667fc rgb(86,103,252)
```

Analogous Color

#fceb56
```
#fceb56 rgb(252,235,86)
```
#56bafc
```
#56bafc rgb(86,186,252)
```
#fc5667
```
#fc5667 rgb(252,86,103)
```

Split Complementary Color

#bafc56
```
#bafc56 rgb(186,252,86)
```
#56bafc
```
#56bafc rgb(86,186,252)
```
#fc56ba
```
#fc56ba rgb(252,86,186)
```

Triadic Color

#56fc98
```
#56fc98 rgb(86,252,152)
```
#56bafc
```
#56bafc rgb(86,186,252)
```
#fc56ba
```
#fc56ba rgb(252,86,186)
```
#fc9856
```
#fc9856 rgb(252,152,86)
```

Tetradic Color

#0b9bfb
```
#0b9bfb rgb(11,155,251)
```
#24a6fb
```
#24a6fb rgb(36,166,251)
```
#3db0fc
```
#3db0fc rgb(61,176,252)
```
#56bafc
```
#56bafc rgb(86,186,252)
```
#6fc4fc
```
#6fc4fc rgb(111,196,252)
```
#88cefd
```
#88cefd rgb(136,206,253)
```
#a1d9fd
```
#a1d9fd rgb(161,217,253)
```

Monochromatic Color

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

#56e4fc
```
#56e4fc rgb(86,228,252)
```
#56d6fc
```
#56d6fc rgb(86,214,252)
```
#56c8fc
```
#56c8fc rgb(86,200,252)
```
#56bafc
```
#56bafc rgb(86,186,252)
```
#56acfc
```
#56acfc rgb(86,172,252)
```
#569efc
```
#569efc rgb(86,158,252)
```
#5691fc
```
#5691fc rgb(86,145,252)
```

Similar Colors

Text with hexadecimal color #56bafc

This text has a font color of #56bafc.

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

#56bafc background color

This paragraph has a background color of #56bafc.

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

#56bafc border color

This element has a border color of #56bafc.

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

CSS codes

.text {color:#56bafc;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#000e18
```
#000e18 rgb(0,14,24)
```
#011a2b
```
#011a2b rgb(1,26,43)
```
#01263e
```
#01263e rgb(1,38,62)
```
#013252
```
#013252 rgb(1,50,82)
```
#023d65
```
#023d65 rgb(2,61,101)
```
#024978
```
#024978 rgb(2,73,120)
```
#02558b
```
#02558b rgb(2,85,139)
```
#03619f
```
#03619f rgb(3,97,159)
```
#036cb2
```
#036cb2 rgb(3,108,178)
```
#0478c5
```
#0478c5 rgb(4,120,197)
```
#0484d8
```
#0484d8 rgb(4,132,216)
```
#0490ec
```
#0490ec rgb(4,144,236)
```

Shade Color Variation

#099bfb
```
#099bfb rgb(9,155,251)
```
#1ca2fb
```
#1ca2fb rgb(28,162,251)
```
#2faafb
```
#2faafb rgb(47,170,251)
```
#43b2fc
```
#43b2fc rgb(67,178,252)
```
#56bafc
```
#56bafc rgb(86,186,252)
```
#69c2fc
```
#69c2fc rgb(105,194,252)
```
#7dcafd
```
#7dcafd rgb(125,202,253)
```
#90d2fd
```
#90d2fd rgb(144,210,253)
```
#a3d9fd
```
#a3d9fd rgb(163,217,253)
```
#b6e1fe
```
#b6e1fe rgb(182,225,254)
```
#cae9fe
```
#cae9fe rgb(202,233,254)
```
#ddf1fe
```
#ddf1fe rgb(221,241,254)
```
#f0f9ff
```
#f0f9ff rgb(240,249,255)
```

Tint Color Variation

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

#a5aaad
```
#a5aaad rgb(165,170,173)
```
#9fabb3
```
#9fabb3 rgb(159,171,179)
```
#98acba
```
#98acba rgb(152,172,186)
```
#92aec0
```
#92aec0 rgb(146,174,192)
```
#8bafc7
```
#8bafc7 rgb(139,175,199)
```
#84b1ce
```
#84b1ce rgb(132,177,206)
```
#7eb2d4
```
#7eb2d4 rgb(126,178,212)
```
#77b3db
```
#77b3db rgb(119,179,219)
```
#70b5e2
```
#70b5e2 rgb(112,181,226)
```
#6ab6e8
```
#6ab6e8 rgb(106,182,232)
```
#63b7ef
```
#63b7ef rgb(99,183,239)
```
#5db9f5
```
#5db9f5 rgb(93,185,245)
```
#56bafc
```
#56bafc rgb(86,186,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#94a8b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b3f4 Protanopia 1% of men
#94b4ff Deuteranopia 1% of men
#3ec5d4 Tritanopia 0.001% of the population

Trichromacy

#85b5f7 Protanomaly 1% of men, 0.01% of women
#7db6fd Deuteranomaly 6% of men, 0.4% of women
#47c1e2 Tritanomaly 0.01% of the population

#56bafc hex color

#56bafc Color Information

#56bafc Color Conversion

Color Schemes with #56bafc

Alternatives to #56bafc

#56bafc Preview

Shades and Tints of #56bafc

Tones of #56bafc

Color Blindness Simulator