#56d1fe hex color

In a RGB color space, hex #56d1fe is composed of 33.7% red, 82% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 17.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 196.1 degrees, a saturation of 98.8% and a lightness of 66.7%. #56d1fe color hex could be obtained by blending #acffff with #00a3fd. Closest websafe color is: #66ccff.

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

● #56d1fe color description : Soft blue.

The hexadecimal color #56d1fe has RGB values of R:86, G:209, B:254 and CMYK values of C:0.66, M:0.18, Y:0, K:0. Its decimal value is 5689854.

Hex triplet	56d1fe	`#56d1fe`
RGB Decimal	86, 209, 254	`rgb(86,209,254)`
RGB Percent	33.7, 82, 99.6	`rgb(33.7%,82%,99.6%)`
CMYK	66, 18, 0, 0
HSL	196.1°, 98.8, 66.7	`hsl(196.1,98.8%,66.7%)`
HSV (or HSB)	196.1°, 66.1, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.886, -20.677, -32.083
XYZ	44.523, 54.732, 101.978
xyY	0.221, 0.272, 54.732
CIE-LCH	78.886, 38.169, 237.198
CIE-LUV	78.886, -46.98, -49.06
Hunter-Lab	73.981, -22.042, -29.941
Binary	01010110, 11010001, 11111110

#56d1fe
```
#56d1fe rgb(86,209,254)
```
#fe8356
```
#fe8356 rgb(254,131,86)
```

Complementary Color

#56fed7
```
#56fed7 rgb(86,254,215)
```
#56d1fe
```
#56d1fe rgb(86,209,254)
```
#567dfe
```
#567dfe rgb(86,125,254)
```

Analogous Color

#fed756
```
#fed756 rgb(254,215,86)
```
#56d1fe
```
#56d1fe rgb(86,209,254)
```
#fe567d
```
#fe567d rgb(254,86,125)
```

Split Complementary Color

#d1fe56
```
#d1fe56 rgb(209,254,86)
```
#56d1fe
```
#56d1fe rgb(86,209,254)
```
#fe56d1
```
#fe56d1 rgb(254,86,209)
```

Triadic Color

#56fe83
```
#56fe83 rgb(86,254,131)
```
#56d1fe
```
#56d1fe rgb(86,209,254)
```
#fe56d1
```
#fe56d1 rgb(254,86,209)
```
#fe8356
```
#fe8356 rgb(254,131,86)
```

Tetradic Color

#0abcfe
```
#0abcfe rgb(10,188,254)
```
#23c3fe
```
#23c3fe rgb(35,195,254)
```
#3dcafe
```
#3dcafe rgb(61,202,254)
```
#56d1fe
```
#56d1fe rgb(86,209,254)
```
#6fd8fe
```
#6fd8fe rgb(111,216,254)
```
#89dffe
```
#89dffe rgb(137,223,254)
```
#a2e6fe
```
#a2e6fe rgb(162,230,254)
```

Monochromatic Color

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

#56fbfe
```
#56fbfe rgb(86,251,254)
```
#56edfe
```
#56edfe rgb(86,237,254)
```
#56dffe
```
#56dffe rgb(86,223,254)
```
#56d1fe
```
#56d1fe rgb(86,209,254)
```
#56c3fe
```
#56c3fe rgb(86,195,254)
```
#56b5fe
```
#56b5fe rgb(86,181,254)
```
#56a7fe
```
#56a7fe rgb(86,167,254)
```

Similar Colors

Text with hexadecimal color #56d1fe

This text has a font color of #56d1fe.

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

#56d1fe background color

This paragraph has a background color of #56d1fe.

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

#56d1fe border color

This element has a border color of #56d1fe.

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

CSS codes

.text {color:#56d1fe;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#00131a
```
#00131a rgb(0,19,26)
```
#00212e
```
#00212e rgb(0,33,46)
```
#003041
```
#003041 rgb(0,48,65)
```
#003e55
```
#003e55 rgb(0,62,85)
```
#014c68
```
#014c68 rgb(1,76,104)
```
#015b7c
```
#015b7c rgb(1,91,124)
```
#01698f
```
#01698f rgb(1,105,143)
```
#0177a3
```
#0177a3 rgb(1,119,163)
```
#0186b6
```
#0186b6 rgb(1,134,182)
```
#0194ca
```
#0194ca rgb(1,148,202)
```
#01a2dd
```
#01a2dd rgb(1,162,221)
```
#01b0f1
```
#01b0f1 rgb(1,176,241)
```

Shade Color Variation

#08bcfe
```
#08bcfe rgb(8,188,254)
```
#1cc1fe
```
#1cc1fe rgb(28,193,254)
```
#2fc6fe
```
#2fc6fe rgb(47,198,254)
```
#43ccfe
```
#43ccfe rgb(67,204,254)
```
#56d1fe
```
#56d1fe rgb(86,209,254)
```
#6ad6fe
```
#6ad6fe rgb(106,214,254)
```
#7ddcfe
```
#7ddcfe rgb(125,220,254)
```
#91e1fe
```
#91e1fe rgb(145,225,254)
```
#a4e6fe
```
#a4e6fe rgb(164,230,254)
```
#b8ecff
```
#b8ecff rgb(184,236,255)
```
#cbf1ff
```
#cbf1ff rgb(203,241,255)
```
#dff6ff
```
#dff6ff rgb(223,246,255)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#a4adb0
```
#a4adb0 rgb(164,173,176)
```
#9eb0b6
```
#9eb0b6 rgb(158,176,182)
```
#97b3bd
```
#97b3bd rgb(151,179,189)
```
#91b6c3
```
#91b6c3 rgb(145,182,195)
```
#8ab9ca
```
#8ab9ca rgb(138,185,202)
```
#84bcd0
```
#84bcd0 rgb(132,188,208)
```
#7dbfd7
```
#7dbfd7 rgb(125,191,215)
```
#77c2dd
```
#77c2dd rgb(119,194,221)
```
#70c5e4
```
#70c5e4 rgb(112,197,228)
```
#6ac8ea
```
#6ac8ea rgb(106,200,234)
```
#63cbf1
```
#63cbf1 rgb(99,203,241)
```
#5dcef7
```
#5dcef7 rgb(93,206,247)
```
#56d1fe
```
#56d1fe rgb(86,209,254)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9fb7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c4f4 Protanopia 1% of men
#b5c4ff Deuteranopia 1% of men
#4dd7e7 Tritanopia 0.001% of the population

Trichromacy

#95c9f7 Protanomaly 1% of men, 0.01% of women
#93c8fe Deuteranomaly 6% of men, 0.4% of women
#50d5ef Tritanomaly 0.01% of the population

#56d1fe hex color

#56d1fe Color Information

#56d1fe Color Conversion

Color Schemes with #56d1fe

Alternatives to #56d1fe

#56d1fe Preview

Shades and Tints of #56d1fe

Tones of #56d1fe

Color Blindness Simulator