#56f8bd hex color

In a RGB color space, hex #56f8bd is composed of 33.7% red, 97.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 0% magenta, 23.8% yellow and 2.7% black. It has a hue angle of 158.1 degrees, a saturation of 92% and a lightness of 65.5%. #56f8bd color hex could be obtained by blending #acffff with #00f17b. Closest websafe color is: #66ffcc.

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

● #56f8bd color description : Soft cyan - lime green.

The hexadecimal color #56f8bd has RGB values of R:86, G:248, B:189 and CMYK values of C:0.65, M:0, Y:0.24, K:0.03. Its decimal value is 5699773.

Hex triplet	56f8bd	`#56f8bd`
RGB Decimal	86, 248, 189	`rgb(86,248,189)`
RGB Percent	33.7, 97.3, 74.1	`rgb(33.7%,97.3%,74.1%)`
CMYK	65, 0, 24, 3
HSL	158.1°, 92, 65.5	`hsl(158.1,92%,65.5%)`
HSV (or HSB)	158.1°, 65.3, 97.3
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	88.344, -55.534, 16.177
XYZ	46.587, 72.783, 59.735
xyY	0.26, 0.406, 72.783
CIE-LCH	88.344, 57.842, 163.759
CIE-LUV	88.344, -64.778, 33.122
Hunter-Lab	85.313, -51.824, 18.205
Binary	01010110, 11111000, 10111101

#56f8bd
```
#56f8bd rgb(86,248,189)
```
#f85691
```
#f85691 rgb(248,86,145)
```

Complementary Color

#56f86c
```
#56f86c rgb(86,248,108)
```
#56f8bd
```
#56f8bd rgb(86,248,189)
```
#56e2f8
```
#56e2f8 rgb(86,226,248)
```

Analogous Color

#f86c56
```
#f86c56 rgb(248,108,86)
```
#56f8bd
```
#56f8bd rgb(86,248,189)
```
#f856e2
```
#f856e2 rgb(248,86,226)
```

Split Complementary Color

#f8bd56
```
#f8bd56 rgb(248,189,86)
```
#56f8bd
```
#56f8bd rgb(86,248,189)
```
#bd56f8
```
#bd56f8 rgb(189,86,248)
```

Triadic Color

#91f856
```
#91f856 rgb(145,248,86)
```
#56f8bd
```
#56f8bd rgb(86,248,189)
```
#bd56f8
```
#bd56f8 rgb(189,86,248)
```
#f85691
```
#f85691 rgb(248,86,145)
```

Tetradic Color

#0df5a0
```
#0df5a0 rgb(13,245,160)
```
#25f6aa
```
#25f6aa rgb(37,246,170)
```
#3ef7b3
```
#3ef7b3 rgb(62,247,179)
```
#56f8bd
```
#56f8bd rgb(86,248,189)
```
#6ef9c7
```
#6ef9c7 rgb(110,249,199)
```
#87fad0
```
#87fad0 rgb(135,250,208)
```
#9ffbda
```
#9ffbda rgb(159,251,218)
```

Monochromatic Color

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

#56f895
```
#56f895 rgb(86,248,149)
```
#56f8a2
```
#56f8a2 rgb(86,248,162)
```
#56f8b0
```
#56f8b0 rgb(86,248,176)
```
#56f8bd
```
#56f8bd rgb(86,248,189)
```
#56f8cb
```
#56f8cb rgb(86,248,203)
```
#56f8d8
```
#56f8d8 rgb(86,248,216)
```
#56f8e6
```
#56f8e6 rgb(86,248,230)
```

Similar Colors

Text with hexadecimal color #56f8bd

This text has a font color of #56f8bd.

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

#56f8bd background color

This paragraph has a background color of #56f8bd.

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

#56f8bd border color

This element has a border color of #56f8bd.

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

CSS codes

.text {color:#56f8bd;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#01130d
```
#01130d rgb(1,19,13)
```
#022619
```
#022619 rgb(2,38,25)
```
#023925
```
#023925 rgb(2,57,37)
```
#034c31
```
#034c31 rgb(3,76,49)
```
#045f3e
```
#045f3e rgb(4,95,62)
```
#05724a
```
#05724a rgb(5,114,74)
```
#058456
```
#058456 rgb(5,132,86)
```
#069762
```
#069762 rgb(6,151,98)
```
#07aa6f
```
#07aa6f rgb(7,170,111)
```
#08bd7b
```
#08bd7b rgb(8,189,123)
```
#09d087
```
#09d087 rgb(9,208,135)
```
#09e393
```
#09e393 rgb(9,227,147)
```

Shade Color Variation

#0bf5a0
```
#0bf5a0 rgb(11,245,160)
```
#1df6a7
```
#1df6a7 rgb(29,246,167)
```
#30f6ae
```
#30f6ae rgb(48,246,174)
```
#43f7b6
```
#43f7b6 rgb(67,247,182)
```
#56f8bd
```
#56f8bd rgb(86,248,189)
```
#69f9c4
```
#69f9c4 rgb(105,249,196)
```
#7cfacc
```
#7cfacc rgb(124,250,204)
```
#8ffad3
```
#8ffad3 rgb(143,250,211)
```
#a1fbda
```
#a1fbda rgb(161,251,218)
```
#b4fce2
```
#b4fce2 rgb(180,252,226)
```
#c7fde9
```
#c7fde9 rgb(199,253,233)
```
#dafdf0
```
#dafdf0 rgb(218,253,240)
```
#edfef8
```
#edfef8 rgb(237,254,248)
```

Tint Color Variation

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

#a0aea9
```
#a0aea9 rgb(160,174,169)
```
#9ab4ab
```
#9ab4ab rgb(154,180,171)
```
#93bbac
```
#93bbac rgb(147,187,172)
```
#8cc2ae
```
#8cc2ae rgb(140,194,174)
```
#85c9b0
```
#85c9b0 rgb(133,201,176)
```
#7fcfb2
```
#7fcfb2 rgb(127,207,178)
```
#78d6b4
```
#78d6b4 rgb(120,214,180)
```
#71ddb6
```
#71ddb6 rgb(113,221,182)
```
#6ae4b7
```
#6ae4b7 rgb(106,228,183)
```
#64eab9
```
#64eab9 rgb(100,234,185)
```
#5df1bb
```
#5df1bb rgb(93,241,187)
```
#56f8bd
```
#56f8bd rgb(86,248,189)
```
#4fffbf
```
#4fffbf rgb(79,255,191)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#acccc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecdeb4 Protanopia 1% of men
#fbd7cb Deuteranopia 1% of men
#87eeff Tritanopia 0.001% of the population

Trichromacy

#b5e8b7 Protanomaly 1% of men, 0.01% of women
#bfe3c6 Deuteranomaly 6% of men, 0.4% of women
#75f1e7 Tritanomaly 0.01% of the population

#56f8bd hex color

#56f8bd Color Information

#56f8bd Color Conversion

Color Schemes with #56f8bd

Alternatives to #56f8bd

#56f8bd Preview

Shades and Tints of #56f8bd

Tones of #56f8bd

Color Blindness Simulator