colorhexa.com

#56faf5 hex color

In a RGB color space, hex #56faf5 is composed of 33.7% red, 98% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 0% magenta, 2% yellow and 2% black. It has a hue angle of 178.2 degrees, a saturation of 94.3% and a lightness of 65.9%. #56faf5 color hex could be obtained by blending #acffff with #00f5eb. Closest websafe color is: #66ffff.

- R 34
- G 98
- B 96
RGB color chart
- C 66
- M 0
- Y 2
- K 2
CMYK color chart

● #56faf5 color description : Soft cyan.

The hexadecimal color #56faf5 has RGB values of R:86, G:250, B:245 and CMYK values of C:0.66, M:0, Y:0.02, K:0.02. Its decimal value is 5700341.

Hex triplet	56faf5	`#56faf5`
RGB Decimal	86, 250, 245	`rgb(86,250,245)`
RGB Percent	33.7, 98, 96.1	`rgb(33.7%,98%,96.1%)`
CMYK	66, 0, 2, 2
HSL	178.2°, 94.3, 65.9	`hsl(178.2,94.3%,65.9%)`
HSV (or HSB)	178.2°, 65.6, 98
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.293, -42.769, -10.074
XYZ	54.5, 76.937, 98.359
xyY	0.237, 0.335, 76.937
CIE-LCH	90.293, 43.94, 193.254
CIE-LUV	90.293, -62.046, -9.19
Hunter-Lab	87.714, -42.591, -5.086
Binary	01010110, 11111010, 11110101

#56faf5
```
#56faf5 rgb(86,250,245)
```
#fa565b
```
#fa565b rgb(250,86,91)
```

Complementary Color

#56faa3
```
#56faa3 rgb(86,250,163)
```
#56faf5
```
#56faf5 rgb(86,250,245)
```
#56adfa
```
#56adfa rgb(86,173,250)
```

Analogous Color

#faa356
```
#faa356 rgb(250,163,86)
```
#56faf5
```
#56faf5 rgb(86,250,245)
```
#fa56ad
```
#fa56ad rgb(250,86,173)
```

Split Complementary Color

#faf556
```
#faf556 rgb(250,245,86)
```
#56faf5
```
#56faf5 rgb(86,250,245)
```
#f556fa
```
#f556fa rgb(245,86,250)
```

Triadic Color

#5bfa56
```
#5bfa56 rgb(91,250,86)
```
#56faf5
```
#56faf5 rgb(86,250,245)
```
#f556fa
```
#f556fa rgb(245,86,250)
```
#fa565b
```
#fa565b rgb(250,86,91)
```

Tetradic Color

#0cf8f1
```
#0cf8f1 rgb(12,248,241)
```
#24f9f2
```
#24f9f2 rgb(36,249,242)
```
#3df9f4
```
#3df9f4 rgb(61,249,244)
```
#56faf5
```
#56faf5 rgb(86,250,245)
```
#6ffbf6
```
#6ffbf6 rgb(111,251,246)
```
#88fbf8
```
#88fbf8 rgb(136,251,248)
```
#a0fcf9
```
#a0fcf9 rgb(160,252,249)
```

Monochromatic Color

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

#56facc
```
#56facc rgb(86,250,204)
```
#56fada
```
#56fada rgb(86,250,218)
```
#56fae7
```
#56fae7 rgb(86,250,231)
```
#56faf5
```
#56faf5 rgb(86,250,245)
```
#56f1fa
```
#56f1fa rgb(86,241,250)
```
#56e4fa
```
#56e4fa rgb(86,228,250)
```
#56d6fa
```
#56d6fa rgb(86,214,250)
```

Similar Colors

Text with hexadecimal color #56faf5

This text has a font color of #56faf5.

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

#56faf5 background color

This paragraph has a background color of #56faf5.

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

#56faf5 border color

This element has a border color of #56faf5.

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

CSS codes

.text {color:#56faf5;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011615
```
#011615 rgb(1,22,21)
```
#012927
```
#012927 rgb(1,41,39)
```
#023c3a
```
#023c3a rgb(2,60,58)
```
#024f4c
```
#024f4c rgb(2,79,76)
```
#03625f
```
#03625f rgb(3,98,95)
```
#037571
```
#037571 rgb(3,117,113)
```
#048884
```
#048884 rgb(4,136,132)
```
#059b96
```
#059b96 rgb(5,155,150)
```
#05aea9
```
#05aea9 rgb(5,174,169)
```
#06c1bb
```
#06c1bb rgb(6,193,187)
```
#06d4ce
```
#06d4ce rgb(6,212,206)
```
#07e7e0
```
#07e7e0 rgb(7,231,224)
```

Shade Color Variation

#0af8f0
```
#0af8f0 rgb(10,248,240)
```
#1df8f2
```
#1df8f2 rgb(29,248,242)
```
#30f9f3
```
#30f9f3 rgb(48,249,243)
```
#43f9f4
```
#43f9f4 rgb(67,249,244)
```
#56faf5
```
#56faf5 rgb(86,250,245)
```
#69fbf6
```
#69fbf6 rgb(105,251,246)
```
#7cfbf7
```
#7cfbf7 rgb(124,251,247)
```
#8ffcf8
```
#8ffcf8 rgb(143,252,248)
```
#a2fcfa
```
#a2fcfa rgb(162,252,250)
```
#b5fdfb
```
#b5fdfb rgb(181,253,251)
```
#c8fdfc
```
#c8fdfc rgb(200,253,252)
```
#dbfefd
```
#dbfefd rgb(219,254,253)
```
#eefffe
```
#eefffe rgb(238,255,254)
```

Tint Color Variation

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

#a6aaaa
```
#a6aaaa rgb(166,170,170)
```
#a0b0b0
```
#a0b0b0 rgb(160,176,176)
```
#99b7b6
```
#99b7b6 rgb(153,183,182)
```
#92bebc
```
#92bebc rgb(146,190,188)
```
#8cc4c3
```
#8cc4c3 rgb(140,196,195)
```
#85cbc9
```
#85cbc9 rgb(133,203,201)
```
#7ed2cf
```
#7ed2cf rgb(126,210,207)
```
#77d9d6
```
#77d9d6 rgb(119,217,214)
```
#71dfdc
```
#71dfdc rgb(113,223,220)
```
#6ae6e2
```
#6ae6e2 rgb(106,230,226)
```
#63ede8
```
#63ede8 rgb(99,237,232)
```
#5df3ef
```
#5df3ef rgb(93,243,239)
```
#56faf5
```
#56faf5 rgb(86,250,245)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#b1d2d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e3e8 Protanopia 1% of men
#ecdfff Deuteranopia 1% of men
#9ef1ff Tritanopia 0.001% of the population

Trichromacy

#b2ebed Protanomaly 1% of men, 0.01% of women
#b5e8fb Deuteranomaly 6% of men, 0.4% of women
#84f4fb Tritanomaly 0.01% of the population