#56d0fe hex color

In a RGB color space, hex #56d0fe is composed of 33.7% red, 81.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 18.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 196.4 degrees, a saturation of 98.8% and a lightness of 66.7%. #56d0fe color hex could be obtained by blending #acffff with #00a1fd. 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

● #56d0fe color description : Soft blue.

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

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

CIE-LAB	78.603, -20.167, -32.519
XYZ	44.278, 54.242, 101.897
xyY	0.221, 0.271, 54.242
CIE-LCH	78.603, 38.265, 238.194
CIE-LUV	78.603, -46.625, -49.859
Hunter-Lab	73.649, -21.572, -30.475
Binary	01010110, 11010000, 11111110

#56d0fe
```
#56d0fe rgb(86,208,254)
```
#fe8456
```
#fe8456 rgb(254,132,86)
```

Complementary Color

#56fed8
```
#56fed8 rgb(86,254,216)
```
#56d0fe
```
#56d0fe rgb(86,208,254)
```
#567cfe
```
#567cfe rgb(86,124,254)
```

Analogous Color

#fed856
```
#fed856 rgb(254,216,86)
```
#56d0fe
```
#56d0fe rgb(86,208,254)
```
#fe567c
```
#fe567c rgb(254,86,124)
```

Split Complementary Color

#d0fe56
```
#d0fe56 rgb(208,254,86)
```
#56d0fe
```
#56d0fe rgb(86,208,254)
```
#fe56d0
```
#fe56d0 rgb(254,86,208)
```

Triadic Color

#56fe84
```
#56fe84 rgb(86,254,132)
```
#56d0fe
```
#56d0fe rgb(86,208,254)
```
#fe56d0
```
#fe56d0 rgb(254,86,208)
```
#fe8456
```
#fe8456 rgb(254,132,86)
```

Tetradic Color

#0abbfe
```
#0abbfe rgb(10,187,254)
```
#23c2fe
```
#23c2fe rgb(35,194,254)
```
#3dc9fe
```
#3dc9fe rgb(61,201,254)
```
#56d0fe
```
#56d0fe rgb(86,208,254)
```
#6fd7fe
```
#6fd7fe rgb(111,215,254)
```
#89defe
```
#89defe rgb(137,222,254)
```
#a2e5fe
```
#a2e5fe rgb(162,229,254)
```

Monochromatic Color

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

#56fafe
```
#56fafe rgb(86,250,254)
```
#56ecfe
```
#56ecfe rgb(86,236,254)
```
#56defe
```
#56defe rgb(86,222,254)
```
#56d0fe
```
#56d0fe rgb(86,208,254)
```
#56c2fe
```
#56c2fe rgb(86,194,254)
```
#56b4fe
```
#56b4fe rgb(86,180,254)
```
#56a6fe
```
#56a6fe rgb(86,166,254)
```

Similar Colors

Text with hexadecimal color #56d0fe

This text has a font color of #56d0fe.

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

#56d0fe background color

This paragraph has a background color of #56d0fe.

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

#56d0fe border color

This element has a border color of #56d0fe.

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

CSS codes

.text {color:#56d0fe;}

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

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

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)
```
#002f41
```
#002f41 rgb(0,47,65)
```
#003e55
```
#003e55 rgb(0,62,85)
```
#014c68
```
#014c68 rgb(1,76,104)
```
#015a7c
```
#015a7c rgb(1,90,124)
```
#01688f
```
#01688f rgb(1,104,143)
```
#0176a3
```
#0176a3 rgb(1,118,163)
```
#0184b6
```
#0184b6 rgb(1,132,182)
```
#0193ca
```
#0193ca rgb(1,147,202)
```
#01a1dd
```
#01a1dd rgb(1,161,221)
```
#01aff1
```
#01aff1 rgb(1,175,241)
```

Shade Color Variation

#08bafe
```
#08bafe rgb(8,186,254)
```
#1cc0fe
```
#1cc0fe rgb(28,192,254)
```
#2fc5fe
```
#2fc5fe rgb(47,197,254)
```
#43cbfe
```
#43cbfe rgb(67,203,254)
```
#56d0fe
```
#56d0fe rgb(86,208,254)
```
#6ad5fe
```
#6ad5fe rgb(106,213,254)
```
#7ddbfe
```
#7ddbfe rgb(125,219,254)
```
#91e0fe
```
#91e0fe rgb(145,224,254)
```
#a4e6fe
```
#a4e6fe rgb(164,230,254)
```
#b8ebff
```
#b8ebff rgb(184,235,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 #56d0fe is the most saturated one.

#a4adb0
```
#a4adb0 rgb(164,173,176)
```
#9eafb6
```
#9eafb6 rgb(158,175,182)
```
#97b2bd
```
#97b2bd rgb(151,178,189)
```
#91b5c3
```
#91b5c3 rgb(145,181,195)
```
#8ab8ca
```
#8ab8ca rgb(138,184,202)
```
#84bbd0
```
#84bbd0 rgb(132,187,208)
```
#7dbed7
```
#7dbed7 rgb(125,190,215)
```
#77c1dd
```
#77c1dd rgb(119,193,221)
```
#70c4e4
```
#70c4e4 rgb(112,196,228)
```
#6ac7ea
```
#6ac7ea rgb(106,199,234)
```
#63caf1
```
#63caf1 rgb(99,202,241)
```
#5dcdf7
```
#5dcdf7 rgb(93,205,247)
```
#56d0fe
```
#56d0fe rgb(86,208,254)
```

Tone Color Variation

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

#b8c3f4 Protanopia 1% of men
#b4c3ff Deuteranopia 1% of men
#4dd6e6 Tritanopia 0.001% of the population

Trichromacy

#94c8f7 Protanomaly 1% of men, 0.01% of women
#92c7fe Deuteranomaly 6% of men, 0.4% of women
#50d4ef Tritanomaly 0.01% of the population

#56d0fe hex color

#56d0fe Color Information

#56d0fe Color Conversion

Color Schemes with #56d0fe

Alternatives to #56d0fe

#56d0fe Preview

Shades and Tints of #56d0fe

Tones of #56d0fe

Color Blindness Simulator