#56a4fe hex color

In a RGB color space, hex #56a4fe is composed of 33.7% red, 64.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 35.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 212.1 degrees, a saturation of 98.8% and a lightness of 66.7%. #56a4fe color hex could be obtained by blending #acffff with #0049fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 64
- B 100
RGB color chart
- C 66
- M 35
- Y 0
- K 0
CMYK color chart

● #56a4fe color description : Soft blue.

The hexadecimal color #56a4fe has RGB values of R:86, G:164, B:254 and CMYK values of C:0.66, M:0.35, Y:0, K:0. Its decimal value is 5678334.

Hex triplet	56a4fe	`#56a4fe`
RGB Decimal	86, 164, 254	`rgb(86,164,254)`
RGB Percent	33.7, 64.3, 99.6	`rgb(33.7%,64.3%,99.6%)`
CMYK	66, 35, 0, 0
HSL	212.1°, 98.8, 66.7	`hsl(212.1,98.8%,66.7%)`
HSV (or HSB)	212.1°, 66.1, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.277, 3.736, -51.771
XYZ	34.998, 35.683, 98.804
xyY	0.206, 0.211, 35.683
CIE-LCH	66.277, 51.906, 274.128
CIE-LUV	66.277, -31.28, -84.245
Hunter-Lab	59.735, 0.046, -56.253
Binary	01010110, 10100100, 11111110

#56a4fe
```
#56a4fe rgb(86,164,254)
```
#feb056
```
#feb056 rgb(254,176,86)
```

Complementary Color

#56f8fe
```
#56f8fe rgb(86,248,254)
```
#56a4fe
```
#56a4fe rgb(86,164,254)
```
#5c56fe
```
#5c56fe rgb(92,86,254)
```

Analogous Color

#f8fe56
```
#f8fe56 rgb(248,254,86)
```
#56a4fe
```
#56a4fe rgb(86,164,254)
```
#fe5c56
```
#fe5c56 rgb(254,92,86)
```

Split Complementary Color

#a4fe56
```
#a4fe56 rgb(164,254,86)
```
#56a4fe
```
#56a4fe rgb(86,164,254)
```
#fe56a4
```
#fe56a4 rgb(254,86,164)
```

Triadic Color

#56feb0
```
#56feb0 rgb(86,254,176)
```
#56a4fe
```
#56a4fe rgb(86,164,254)
```
#fe56a4
```
#fe56a4 rgb(254,86,164)
```
#feb056
```
#feb056 rgb(254,176,86)
```

Tetradic Color

#0a7bfe
```
#0a7bfe rgb(10,123,254)
```
#2389fe
```
#2389fe rgb(35,137,254)
```
#3d96fe
```
#3d96fe rgb(61,150,254)
```
#56a4fe
```
#56a4fe rgb(86,164,254)
```
#6fb2fe
```
#6fb2fe rgb(111,178,254)
```
#89bffe
```
#89bffe rgb(137,191,254)
```
#a2cdfe
```
#a2cdfe rgb(162,205,254)
```

Monochromatic Color

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

#56cefe
```
#56cefe rgb(86,206,254)
```
#56c0fe
```
#56c0fe rgb(86,192,254)
```
#56b2fe
```
#56b2fe rgb(86,178,254)
```
#56a4fe
```
#56a4fe rgb(86,164,254)
```
#5696fe
```
#5696fe rgb(86,150,254)
```
#5688fe
```
#5688fe rgb(86,136,254)
```
#567afe
```
#567afe rgb(86,122,254)
```

Similar Colors

Text with hexadecimal color #56a4fe

This text has a font color of #56a4fe.

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

#56a4fe background color

This paragraph has a background color of #56a4fe.

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

#56a4fe border color

This element has a border color of #56a4fe.

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

CSS codes

.text {color:#56a4fe;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000c1a
```
#000c1a rgb(0,12,26)
```
#00152e
```
#00152e rgb(0,21,46)
```
#001e41
```
#001e41 rgb(0,30,65)
```
#002855
```
#002855 rgb(0,40,85)
```
#013168
```
#013168 rgb(1,49,104)
```
#013a7c
```
#013a7c rgb(1,58,124)
```
#01438f
```
#01438f rgb(1,67,143)
```
#014ca3
```
#014ca3 rgb(1,76,163)
```
#0155b6
```
#0155b6 rgb(1,85,182)
```
#015eca
```
#015eca rgb(1,94,202)
```
#0167dd
```
#0167dd rgb(1,103,221)
```
#0170f1
```
#0170f1 rgb(1,112,241)
```

Shade Color Variation

#087afe
```
#087afe rgb(8,122,254)
```
#1c85fe
```
#1c85fe rgb(28,133,254)
```
#2f8ffe
```
#2f8ffe rgb(47,143,254)
```
#439afe
```
#439afe rgb(67,154,254)
```
#56a4fe
```
#56a4fe rgb(86,164,254)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```
#7db9fe
```
#7db9fe rgb(125,185,254)
```
#91c4fe
```
#91c4fe rgb(145,196,254)
```
#a4cefe
```
#a4cefe rgb(164,206,254)
```
#b8d9ff
```
#b8d9ff rgb(184,217,255)
```
#cbe3ff
```
#cbe3ff rgb(203,227,255)
```
#dfeeff
```
#dfeeff rgb(223,238,255)
```
#f2f8ff
```
#f2f8ff rgb(242,248,255)
```

Tint Color Variation

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

#a4aab0
```
#a4aab0 rgb(164,170,176)
```
#9ea9b6
```
#9ea9b6 rgb(158,169,182)
```
#97a9bd
```
#97a9bd rgb(151,169,189)
```
#91a8c3
```
#91a8c3 rgb(145,168,195)
```
#8aa8ca
```
#8aa8ca rgb(138,168,202)
```
#84a7d0
```
#84a7d0 rgb(132,167,208)
```
#7da7d7
```
#7da7d7 rgb(125,167,215)
```
#77a6dd
```
#77a6dd rgb(119,166,221)
```
#70a6e4
```
#70a6e4 rgb(112,166,228)
```
#6aa5ea
```
#6aa5ea rgb(106,165,234)
```
#63a5f1
```
#63a5f1 rgb(99,165,241)
```
#5da4f7
```
#5da4f7 rgb(93,164,247)
```
#56a4fe
```
#56a4fe rgb(86,164,254)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8a9aac Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a3f9 Protanopia 1% of men
#6ca6ff Deuteranopia 1% of men
#27b5c2 Tritanopia 0.001% of the population

Trichromacy

#72a3fb Protanomaly 1% of men, 0.01% of women
#64a5fe Deuteranomaly 6% of men, 0.4% of women
#38afd8 Tritanomaly 0.01% of the population

#56a4fe hex color

#56a4fe Color Information

#56a4fe Color Conversion

Color Schemes with #56a4fe

Alternatives to #56a4fe

#56a4fe Preview

Shades and Tints of #56a4fe

Tones of #56a4fe

Color Blindness Simulator