#56d0f7 hex color

In a RGB color space, hex #56d0f7 is composed of 33.7% red, 81.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 15.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 194.5 degrees, a saturation of 91% and a lightness of 65.3%. #56d0f7 color hex could be obtained by blending #acffff with #00a1ef. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 34
- G 82
- B 97
RGB color chart
- C 65
- M 16
- Y 0
- K 3
CMYK color chart

● #56d0f7 color description : Soft cyan.

The hexadecimal color #56d0f7 has RGB values of R:86, G:208, B:247 and CMYK values of C:0.65, M:0.16, Y:0, K:0.03. Its decimal value is 5689591.

Hex triplet	56d0f7	`#56d0f7`
RGB Decimal	86, 208, 247	`rgb(86,208,247)`
RGB Percent	33.7, 81.6, 96.9	`rgb(33.7%,81.6%,96.9%)`
CMYK	65, 16, 0, 3
HSL	194.5°, 91, 65.3	`hsl(194.5,91%,65.3%)`
HSV (or HSB)	194.5°, 65.2, 96.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.346, -22.3, -29.179
XYZ	43.178, 53.802, 96.1
xyY	0.224, 0.279, 53.802
CIE-LCH	78.346, 36.725, 232.612
CIE-LUV	78.346, -46.994, -43.823
Hunter-Lab	73.35, -23.288, -26.334
Binary	01010110, 11010000, 11110111

#56d0f7
```
#56d0f7 rgb(86,208,247)
```
#f77d56
```
#f77d56 rgb(247,125,86)
```

Complementary Color

#56f7ce
```
#56f7ce rgb(86,247,206)
```
#56d0f7
```
#56d0f7 rgb(86,208,247)
```
#5680f7
```
#5680f7 rgb(86,128,247)
```

Analogous Color

#f7ce56
```
#f7ce56 rgb(247,206,86)
```
#56d0f7
```
#56d0f7 rgb(86,208,247)
```
#f75680
```
#f75680 rgb(247,86,128)
```

Split Complementary Color

#d0f756
```
#d0f756 rgb(208,247,86)
```
#56d0f7
```
#56d0f7 rgb(86,208,247)
```
#f756d0
```
#f756d0 rgb(247,86,208)
```

Triadic Color

#56f77d
```
#56f77d rgb(86,247,125)
```
#56d0f7
```
#56d0f7 rgb(86,208,247)
```
#f756d0
```
#f756d0 rgb(247,86,208)
```
#f77d56
```
#f77d56 rgb(247,125,86)
```

Tetradic Color

#0dbcf4
```
#0dbcf4 rgb(13,188,244)
```
#25c2f5
```
#25c2f5 rgb(37,194,245)
```
#3ec9f6
```
#3ec9f6 rgb(62,201,246)
```
#56d0f7
```
#56d0f7 rgb(86,208,247)
```
#6ed7f8
```
#6ed7f8 rgb(110,215,248)
```
#87def9
```
#87def9 rgb(135,222,249)
```
#9fe4fa
```
#9fe4fa rgb(159,228,250)
```

Monochromatic Color

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

#56f7f6
```
#56f7f6 rgb(86,247,246)
```
#56ebf7
```
#56ebf7 rgb(86,235,247)
```
#56ddf7
```
#56ddf7 rgb(86,221,247)
```
#56d0f7
```
#56d0f7 rgb(86,208,247)
```
#56c3f7
```
#56c3f7 rgb(86,195,247)
```
#56b5f7
```
#56b5f7 rgb(86,181,247)
```
#56a8f7
```
#56a8f7 rgb(86,168,247)
```

Similar Colors

Text with hexadecimal color #56d0f7

This text has a font color of #56d0f7.

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

#56d0f7 background color

This paragraph has a background color of #56d0f7.

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

#56d0f7 border color

This element has a border color of #56d0f7.

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

CSS codes

.text {color:#56d0f7;}

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

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

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, #010e12 is the darkest color, while #ffffff is the lightest one.

#010e12
```
#010e12 rgb(1,14,18)
```
#021c25
```
#021c25 rgb(2,28,37)
```
#032b38
```
#032b38 rgb(3,43,56)
```
#04394a
```
#04394a rgb(4,57,74)
```
#04485d
```
#04485d rgb(4,72,93)
```
#055670
```
#055670 rgb(5,86,112)
```
#066583
```
#066583 rgb(6,101,131)
```
#077395
```
#077395 rgb(7,115,149)
```
#0881a8
```
#0881a8 rgb(8,129,168)
```
#0990bb
```
#0990bb rgb(9,144,187)
```
#0a9ece
```
#0a9ece rgb(10,158,206)
```
#0bade0
```
#0bade0 rgb(11,173,224)
```
#0cbbf3
```
#0cbbf3 rgb(12,187,243)
```

Shade Color Variation

#1ec0f4
```
#1ec0f4 rgb(30,192,244)
```
#31c6f5
```
#31c6f5 rgb(49,198,245)
```
#43cbf6
```
#43cbf6 rgb(67,203,246)
```
#56d0f7
```
#56d0f7 rgb(86,208,247)
```
#69d5f8
```
#69d5f8 rgb(105,213,248)
```
#7bdaf9
```
#7bdaf9 rgb(123,218,249)
```
#8ee0fa
```
#8ee0fa rgb(142,224,250)
```
#a1e5fb
```
#a1e5fb rgb(161,229,251)
```
#b4eafb
```
#b4eafb rgb(180,234,251)
```
#c6effc
```
#c6effc rgb(198,239,252)
```
#d9f4fd
```
#d9f4fd rgb(217,244,253)
```
#ecfafe
```
#ecfafe rgb(236,250,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a1a9ac
```
#a1a9ac rgb(161,169,172)
```
#9aadb3
```
#9aadb3 rgb(154,173,179)
```
#93b0ba
```
#93b0ba rgb(147,176,186)
```
#8cb4c1
```
#8cb4c1 rgb(140,180,193)
```
#86b7c7
```
#86b7c7 rgb(134,183,199)
```
#7fbbce
```
#7fbbce rgb(127,187,206)
```
#78bed5
```
#78bed5 rgb(120,190,213)
```
#71c2dc
```
#71c2dc rgb(113,194,220)
```
#6ac5e3
```
#6ac5e3 rgb(106,197,227)
```
#64c9e9
```
#64c9e9 rgb(100,201,233)
```
#5dccf0
```
#5dccf0 rgb(93,204,240)
```
#56d0f7
```
#56d0f7 rgb(86,208,247)
```
#4fd4fe
```
#4fd4fe rgb(79,212,254)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9eb6be Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac3ed Protanopia 1% of men
#b6c2fd Deuteranopia 1% of men
#52d5e5 Tritanopia 0.001% of the population

Trichromacy

#95c7f1 Protanomaly 1% of men, 0.01% of women
#93c7fb Deuteranomaly 6% of men, 0.4% of women
#53d3eb Tritanomaly 0.01% of the population

#56d0f7 hex color

#56d0f7 Color Information

#56d0f7 Color Conversion

Color Schemes with #56d0f7

Alternatives to #56d0f7

#56d0f7 Preview

Shades and Tints of #56d0f7

Tones of #56d0f7

Color Blindness Simulator