#56cfef hex color

In a RGB color space, hex #56cfef is composed of 33.7% red, 81.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 13.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 192.5 degrees, a saturation of 82.7% and a lightness of 63.7%. #56cfef color hex could be obtained by blending #acffff with #009fdf. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 34
- G 81
- B 94
RGB color chart
- C 64
- M 13
- Y 0
- K 6
CMYK color chart

● #56cfef color description : Soft cyan.

The hexadecimal color #56cfef has RGB values of R:86, G:207, B:239 and CMYK values of C:0.64, M:0.13, Y:0, K:0.06. Its decimal value is 5689327.

Hex triplet	56cfef	`#56cfef`
RGB Decimal	86, 207, 239	`rgb(86,207,239)`
RGB Percent	33.7, 81.2, 93.7	`rgb(33.7%,81.2%,93.7%)`
CMYK	64, 13, 0, 6
HSL	192.5°, 82.7, 63.7	`hsl(192.5,82.7%,63.7%)`
HSV (or HSB)	192.5°, 64, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.776, -24.198, -25.774
XYZ	41.726, 52.833, 89.655
xyY	0.227, 0.287, 52.833
CIE-LCH	77.776, 35.353, 226.806
CIE-LUV	77.776, -47.062, -37.73
Hunter-Lab	72.686, -24.731, -22.251
Binary	01010110, 11001111, 11101111

#56cfef
```
#56cfef rgb(86,207,239)
```
#ef7656
```
#ef7656 rgb(239,118,86)
```

Complementary Color

#56efc3
```
#56efc3 rgb(86,239,195)
```
#56cfef
```
#56cfef rgb(86,207,239)
```
#5683ef
```
#5683ef rgb(86,131,239)
```

Analogous Color

#efc356
```
#efc356 rgb(239,195,86)
```
#56cfef
```
#56cfef rgb(86,207,239)
```
#ef5683
```
#ef5683 rgb(239,86,131)
```

Split Complementary Color

#cfef56
```
#cfef56 rgb(207,239,86)
```
#56cfef
```
#56cfef rgb(86,207,239)
```
#ef56cf
```
#ef56cf rgb(239,86,207)
```

Triadic Color

#56ef76
```
#56ef76 rgb(86,239,118)
```
#56cfef
```
#56cfef rgb(86,207,239)
```
#ef56cf
```
#ef56cf rgb(239,86,207)
```
#ef7656
```
#ef7656 rgb(239,118,86)
```

Tetradic Color

#15b8e3
```
#15b8e3 rgb(21,184,227)
```
#27c2eb
```
#27c2eb rgb(39,194,235)
```
#3fc8ed
```
#3fc8ed rgb(63,200,237)
```
#56cfef
```
#56cfef rgb(86,207,239)
```
#6dd6f1
```
#6dd6f1 rgb(109,214,241)
```
#85dcf3
```
#85dcf3 rgb(133,220,243)
```
#9ce3f6
```
#9ce3f6 rgb(156,227,246)
```

Monochromatic Color

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

#56efe9
```
#56efe9 rgb(86,239,233)
```
#56e9ef
```
#56e9ef rgb(86,233,239)
```
#56dcef
```
#56dcef rgb(86,220,239)
```
#56cfef
```
#56cfef rgb(86,207,239)
```
#56c2ef
```
#56c2ef rgb(86,194,239)
```
#56b6ef
```
#56b6ef rgb(86,182,239)
```
#56a9ef
```
#56a9ef rgb(86,169,239)
```

Similar Colors

Text with hexadecimal color #56cfef

This text has a font color of #56cfef.

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

#56cfef background color

This paragraph has a background color of #56cfef.

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

#56cfef border color

This element has a border color of #56cfef.

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

CSS codes

.text {color:#56cfef;}

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

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

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, #01080a is the darkest color, while #f7fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#03171c
```
#03171c rgb(3,23,28)
```
#04252e
```
#04252e rgb(4,37,46)
```
#063440
```
#063440 rgb(6,52,64)
```
#084252
```
#084252 rgb(8,66,82)
```
#095164
```
#095164 rgb(9,81,100)
```
#0b5f76
```
#0b5f76 rgb(11,95,118)
```
#0d6e88
```
#0d6e88 rgb(13,110,136)
```
#0f7c9a
```
#0f7c9a rgb(15,124,154)
```
#108bab
```
#108bab rgb(16,139,171)
```
#129abd
```
#129abd rgb(18,154,189)
```
#14a8cf
```
#14a8cf rgb(20,168,207)
```
#15b7e1
```
#15b7e1 rgb(21,183,225)
```

Shade Color Variation

#20c0ea
```
#20c0ea rgb(32,192,234)
```
#32c5ec
```
#32c5ec rgb(50,197,236)
```
#44caed
```
#44caed rgb(68,202,237)
```
#56cfef
```
#56cfef rgb(86,207,239)
```
#68d4f1
```
#68d4f1 rgb(104,212,241)
```
#7ad9f2
```
#7ad9f2 rgb(122,217,242)
```
#8cdef4
```
#8cdef4 rgb(140,222,244)
```
#9ee3f6
```
#9ee3f6 rgb(158,227,246)
```
#b0e8f7
```
#b0e8f7 rgb(176,232,247)
```
#c2eef9
```
#c2eef9 rgb(194,238,249)
```
#d3f3fb
```
#d3f3fb rgb(211,243,251)
```
#e5f8fd
```
#e5f8fd rgb(229,248,253)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da6a8 is the less saturated color, while #48d7fd is the most saturated one.

#9da6a8
```
#9da6a8 rgb(157,166,168)
```
#96aaaf
```
#96aaaf rgb(150,170,175)
```
#8faeb6
```
#8faeb6 rgb(143,174,182)
```
#88b2bd
```
#88b2bd rgb(136,178,189)
```
#81b6c4
```
#81b6c4 rgb(129,182,196)
```
#7abacb
```
#7abacb rgb(122,186,203)
```
#72bed3
```
#72bed3 rgb(114,190,211)
```
#6bc3da
```
#6bc3da rgb(107,195,218)
```
#64c7e1
```
#64c7e1 rgb(100,199,225)
```
#5dcbe8
```
#5dcbe8 rgb(93,203,232)
```
#56cfef
```
#56cfef rgb(86,207,239)
```
#4fd3f6
```
#4fd3f6 rgb(79,211,246)
```
#48d7fd
```
#48d7fd rgb(72,215,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9cb5bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc1e6 Protanopia 1% of men
#b8c0f6 Deuteranopia 1% of men
#56d3e3 Tritanopia 0.001% of the population

Trichromacy

#96c6e9 Protanomaly 1% of men, 0.01% of women
#94c5f3 Deuteranomaly 6% of men, 0.4% of women
#56d2e7 Tritanomaly 0.01% of the population

#56cfef hex color

#56cfef Color Information

#56cfef Color Conversion

Color Schemes with #56cfef

Alternatives to #56cfef

#56cfef Preview

Shades and Tints of #56cfef

Tones of #56cfef

Color Blindness Simulator