#56b2b6 hex color

In a RGB color space, hex #56b2b6 is composed of 33.7% red, 69.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 2.2% magenta, 0% yellow and 28.6% black. It has a hue angle of 182.5 degrees, a saturation of 39.7% and a lightness of 52.5%. #56b2b6 color hex could be obtained by blending #acffff with #00656d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 70
- B 71
RGB color chart
- C 53
- M 2
- Y 0
- K 29
CMYK color chart

● #56b2b6 color description : Moderate cyan.

The hexadecimal color #56b2b6 has RGB values of R:86, G:178, B:182 and CMYK values of C:0.53, M:0.02, Y:0, K:0.29. Its decimal value is 5681846.

Hex triplet	56b2b6	`#56b2b6`
RGB Decimal	86, 178, 182	`rgb(86,178,182)`
RGB Percent	33.7, 69.8, 71.4	`rgb(33.7%,69.8%,71.4%)`
CMYK	53, 2, 0, 29
HSL	182.5°, 39.7, 52.5	`hsl(182.5,39.7%,52.5%)`
HSV (or HSB)	182.5°, 52.7, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.423, -26.101, -10.413
XYZ	28.199, 37.195, 49.947
xyY	0.244, 0.322, 37.195
CIE-LCH	67.423, 28.101, 201.749
CIE-LUV	67.423, -39.069, -11.82
Hunter-Lab	60.987, -24.193, -5.865
Binary	01010110, 10110010, 10110110

#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#b65a56
```
#b65a56 rgb(182,90,86)
```

Complementary Color

#56b68a
```
#56b68a rgb(86,182,138)
```
#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#5682b6
```
#5682b6 rgb(86,130,182)
```

Analogous Color

#b68a56
```
#b68a56 rgb(182,138,86)
```
#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#b65682
```
#b65682 rgb(182,86,130)
```

Split Complementary Color

#b2b656
```
#b2b656 rgb(178,182,86)
```
#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#b656b2
```
#b656b2 rgb(182,86,178)
```

Triadic Color

#56b65a
```
#56b65a rgb(86,182,90)
```
#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#b656b2
```
#b656b2 rgb(182,86,178)
```
#b65a56
```
#b65a56 rgb(182,90,86)
```

Tetradic Color

#3a8386
```
#3a8386 rgb(58,131,134)
```
#419498
```
#419498 rgb(65,148,152)
```
#49a5a9
```
#49a5a9 rgb(73,165,169)
```
#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#68babe
```
#68babe rgb(104,186,190)
```
#7ac2c5
```
#7ac2c5 rgb(122,194,197)
```
#8bcacd
```
#8bcacd rgb(139,202,205)
```

Monochromatic Color

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

#56b6a2
```
#56b6a2 rgb(86,182,162)
```
#56b6aa
```
#56b6aa rgb(86,182,170)
```
#56b6b2
```
#56b6b2 rgb(86,182,178)
```
#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#56aab6
```
#56aab6 rgb(86,170,182)
```
#56a2b6
```
#56a2b6 rgb(86,162,182)
```
#569ab6
```
#569ab6 rgb(86,154,182)
```

Similar Colors

Text with hexadecimal color #56b2b6

This text has a font color of #56b2b6.

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

#56b2b6 background color

This paragraph has a background color of #56b2b6.

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

#56b2b6 border color

This element has a border color of #56b2b6.

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

CSS codes

.text {color:#56b2b6;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0a1617
```
#0a1617 rgb(10,22,23)
```
#102424
```
#102424 rgb(16,36,36)
```
#163132
```
#163132 rgb(22,49,50)
```
#1c3e40
```
#1c3e40 rgb(28,62,64)
```
#224c4e
```
#224c4e rgb(34,76,78)
```
#27595b
```
#27595b rgb(39,89,91)
```
#2d6669
```
#2d6669 rgb(45,102,105)
```
#337477
```
#337477 rgb(51,116,119)
```
#398184
```
#398184 rgb(57,129,132)
```
#3f8f92
```
#3f8f92 rgb(63,143,146)
```
#459ca0
```
#459ca0 rgb(69,156,160)
```
#4ba9ad
```
#4ba9ad rgb(75,169,173)
```

Shade Color Variation

#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#64b8bc
```
#64b8bc rgb(100,184,188)
```
#71bec2
```
#71bec2 rgb(113,190,194)
```
#7fc5c8
```
#7fc5c8 rgb(127,197,200)
```
#8dcbce
```
#8dcbce rgb(141,203,206)
```
#9ad1d4
```
#9ad1d4 rgb(154,209,212)
```
#a8d7da
```
#a8d7da rgb(168,215,218)
```
#b6dedf
```
#b6dedf rgb(182,222,223)
```
#c4e4e5
```
#c4e4e5 rgb(196,228,229)
```
#d1eaeb
```
#d1eaeb rgb(209,234,235)
```
#dff0f1
```
#dff0f1 rgb(223,240,241)
```
#edf7f7
```
#edf7f7 rgb(237,247,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#858787
```
#858787 rgb(133,135,135)
```
#7b9091
```
#7b9091 rgb(123,144,145)
```
#72989a
```
#72989a rgb(114,152,154)
```
#69a1a3
```
#69a1a3 rgb(105,161,163)
```
#5fa9ad
```
#5fa9ad rgb(95,169,173)
```
#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#4dbbbf
```
#4dbbbf rgb(77,187,191)
```
#43c3c9
```
#43c3c9 rgb(67,195,201)
```
#3accd2
```
#3accd2 rgb(58,204,210)
```
#31d4db
```
#31d4db rgb(49,212,219)
```
#27dde5
```
#27dde5 rgb(39,221,229)
```
#1ee5ee
```
#1ee5ee rgb(30,229,238)
```
#15eef7
```
#15eef7 rgb(21,238,247)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8a9c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a7b1 Protanopia 1% of men
#ada5bf Deuteranopia 1% of men
#62b4c1 Tritanopia 0.001% of the population

Trichromacy

#8aabb3 Protanomaly 1% of men, 0.01% of women
#8da9bc Deuteranomaly 6% of men, 0.4% of women
#5db3bd Tritanomaly 0.01% of the population

#56b2b6 hex color

#56b2b6 Color Information

#56b2b6 Color Conversion

Color Schemes with #56b2b6

Alternatives to #56b2b6

#56b2b6 Preview

Shades and Tints of #56b2b6

Tones of #56b2b6

Color Blindness Simulator