#56a5fe hex color

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

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

● #56a5fe color description : Soft blue.

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

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

CIE-LAB	66.552, 3.162, -51.336
XYZ	35.178, 36.042, 98.863
xyY	0.207, 0.212, 36.042
CIE-LCH	66.552, 51.433, 273.524
CIE-LUV	66.552, -31.619, -83.501
Hunter-Lab	60.035, -0.467, -55.612
Binary	01010110, 10100101, 11111110

#56a5fe
```
#56a5fe rgb(86,165,254)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```

Complementary Color

#56f9fe
```
#56f9fe rgb(86,249,254)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```
#5b56fe
```
#5b56fe rgb(91,86,254)
```

Analogous Color

#f9fe56
```
#f9fe56 rgb(249,254,86)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```
#fe5b56
```
#fe5b56 rgb(254,91,86)
```

Split Complementary Color

#a5fe56
```
#a5fe56 rgb(165,254,86)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```
#fe56a5
```
#fe56a5 rgb(254,86,165)
```

Triadic Color

#56feaf
```
#56feaf rgb(86,254,175)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```
#fe56a5
```
#fe56a5 rgb(254,86,165)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```

Tetradic Color

#0a7dfe
```
#0a7dfe rgb(10,125,254)
```
#238afe
```
#238afe rgb(35,138,254)
```
#3d98fe
```
#3d98fe rgb(61,152,254)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```
#6fb3fe
```
#6fb3fe rgb(111,179,254)
```
#89c0fe
```
#89c0fe rgb(137,192,254)
```
#a2cefe
```
#a2cefe rgb(162,206,254)
```

Monochromatic Color

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

#56cffe
```
#56cffe rgb(86,207,254)
```
#56c1fe
```
#56c1fe rgb(86,193,254)
```
#56b3fe
```
#56b3fe rgb(86,179,254)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```
#5697fe
```
#5697fe rgb(86,151,254)
```
#5689fe
```
#5689fe rgb(86,137,254)
```
#567bfe
```
#567bfe rgb(86,123,254)
```

Similar Colors

Text with hexadecimal color #56a5fe

This text has a font color of #56a5fe.

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

#56a5fe background color

This paragraph has a background color of #56a5fe.

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

#56a5fe border color

This element has a border color of #56a5fe.

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

CSS codes

.text {color:#56a5fe;}

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

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

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)
```
#00162e
```
#00162e rgb(0,22,46)
```
#001f41
```
#001f41 rgb(0,31,65)
```
#002855
```
#002855 rgb(0,40,85)
```
#013168
```
#013168 rgb(1,49,104)
```
#013a7c
```
#013a7c rgb(1,58,124)
```
#01448f
```
#01448f rgb(1,68,143)
```
#014da3
```
#014da3 rgb(1,77,163)
```
#0156b6
```
#0156b6 rgb(1,86,182)
```
#015fca
```
#015fca rgb(1,95,202)
```
#0169dd
```
#0169dd rgb(1,105,221)
```
#0172f1
```
#0172f1 rgb(1,114,241)
```

Shade Color Variation

#087bfe
```
#087bfe rgb(8,123,254)
```
#1c86fe
```
#1c86fe rgb(28,134,254)
```
#2f90fe
```
#2f90fe rgb(47,144,254)
```
#439bfe
```
#439bfe rgb(67,155,254)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```
#6aaffe
```
#6aaffe rgb(106,175,254)
```
#7dbafe
```
#7dbafe rgb(125,186,254)
```
#91c4fe
```
#91c4fe rgb(145,196,254)
```
#a4cffe
```
#a4cffe rgb(164,207,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 #56a5fe is the most saturated one.

#a4aab0
```
#a4aab0 rgb(164,170,176)
```
#9ea9b6
```
#9ea9b6 rgb(158,169,182)
```
#97a9bd
```
#97a9bd rgb(151,169,189)
```
#91a9c3
```
#91a9c3 rgb(145,169,195)
```
#8aa8ca
```
#8aa8ca rgb(138,168,202)
```
#84a8d0
```
#84a8d0 rgb(132,168,208)
```
#7da7d7
```
#7da7d7 rgb(125,167,215)
```
#77a7dd
```
#77a7dd rgb(119,167,221)
```
#70a7e4
```
#70a7e4 rgb(112,167,228)
```
#6aa6ea
```
#6aa6ea rgb(106,166,234)
```
#63a6f1
```
#63a6f1 rgb(99,166,241)
```
#5da5f7
```
#5da5f7 rgb(93,165,247)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8b9bac Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a3f9 Protanopia 1% of men
#6fa7ff Deuteranopia 1% of men
#28b6c3 Tritanopia 0.001% of the population

Trichromacy

#73a4fb Protanomaly 1% of men, 0.01% of women
#65a6fe Deuteranomaly 6% of men, 0.4% of women
#38b0d8 Tritanomaly 0.01% of the population

#56a5fe hex color

#56a5fe Color Information

#56a5fe Color Conversion

Color Schemes with #56a5fe

Alternatives to #56a5fe

#56a5fe Preview

Shades and Tints of #56a5fe

Tones of #56a5fe

Color Blindness Simulator