#56b0bf hex color

In a RGB color space, hex #56b0bf is composed of 33.7% red, 69% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 7.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 188.6 degrees, a saturation of 45.1% and a lightness of 54.3%. #56b0bf color hex could be obtained by blending #acffff with #00617f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 69
- B 75
RGB color chart
- C 55
- M 8
- Y 0
- K 25
CMYK color chart

● #56b0bf color description : Moderate cyan.

The hexadecimal color #56b0bf has RGB values of R:86, G:176, B:191 and CMYK values of C:0.55, M:0.08, Y:0, K:0.25. Its decimal value is 5681343.

Hex triplet	56b0bf	`#56b0bf`
RGB Decimal	86, 176, 191	`rgb(86,176,191)`
RGB Percent	33.7, 69, 74.9	`rgb(33.7%,69%,74.9%)`
CMYK	55, 8, 0, 25
HSL	188.6°, 45.1, 54.3	`hsl(188.6,45.1%,54.3%)`
HSV (or HSB)	188.6°, 55, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.118, -22.575, -15.851
XYZ	28.764, 36.789, 54.872
xyY	0.239, 0.305, 36.789
CIE-LCH	67.118, 27.584, 215.075
CIE-LUV	67.118, -37.906, -20.972
Hunter-Lab	60.654, -21.492, -11.181
Binary	01010110, 10110000, 10111111

#56b0bf
```
#56b0bf rgb(86,176,191)
```
#bf6556
```
#bf6556 rgb(191,101,86)
```

Complementary Color

#56bf9a
```
#56bf9a rgb(86,191,154)
```
#56b0bf
```
#56b0bf rgb(86,176,191)
```
#567cbf
```
#567cbf rgb(86,124,191)
```

Analogous Color

#bf9a56
```
#bf9a56 rgb(191,154,86)
```
#56b0bf
```
#56b0bf rgb(86,176,191)
```
#bf567c
```
#bf567c rgb(191,86,124)
```

Split Complementary Color

#b0bf56
```
#b0bf56 rgb(176,191,86)
```
#56b0bf
```
#56b0bf rgb(86,176,191)
```
#bf56b0
```
#bf56b0 rgb(191,86,176)
```

Triadic Color

#56bf65
```
#56bf65 rgb(86,191,101)
```
#56b0bf
```
#56b0bf rgb(86,176,191)
```
#bf56b0
```
#bf56b0 rgb(191,86,176)
```
#bf6556
```
#bf6556 rgb(191,101,86)
```

Tetradic Color

#378591
```
#378591 rgb(55,133,145)
```
#3e95a4
```
#3e95a4 rgb(62,149,164)
```
#45a6b6
```
#45a6b6 rgb(69,166,182)
```
#56b0bf
```
#56b0bf rgb(86,176,191)
```
#68b9c6
```
#68b9c6 rgb(104,185,198)
```
#7bc1cd
```
#7bc1cd rgb(123,193,205)
```
#8dcad4
```
#8dcad4 rgb(141,202,212)
```

Monochromatic Color

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

#56bfb4
```
#56bfb4 rgb(86,191,180)
```
#56bfbd
```
#56bfbd rgb(86,191,189)
```
#56b9bf
```
#56b9bf rgb(86,185,191)
```
#56b0bf
```
#56b0bf rgb(86,176,191)
```
#56a7bf
```
#56a7bf rgb(86,167,191)
```
#569fbf
```
#569fbf rgb(86,159,191)
```
#5696bf
```
#5696bf rgb(86,150,191)
```

Similar Colors

Text with hexadecimal color #56b0bf

This text has a font color of #56b0bf.

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

#56b0bf background color

This paragraph has a background color of #56b0bf.

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

#56b0bf border color

This element has a border color of #56b0bf.

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

CSS codes

.text {color:#56b0bf;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060f10
```
#060f10 rgb(6,15,16)
```
#0b1c1e
```
#0b1c1e rgb(11,28,30)
```
#11282c
```
#11282c rgb(17,40,44)
```
#16353b
```
#16353b rgb(22,53,59)
```
#1c4249
```
#1c4249 rgb(28,66,73)
```
#214f57
```
#214f57 rgb(33,79,87)
```
#265c65
```
#265c65 rgb(38,92,101)
```
#2c6974
```
#2c6974 rgb(44,105,116)
```
#317682
```
#317682 rgb(49,118,130)
```
#378390
```
#378390 rgb(55,131,144)
```
#3c909e
```
#3c909e rgb(60,144,158)
```
#419dac
```
#419dac rgb(65,157,172)
```

Shade Color Variation

#48a9ba
```
#48a9ba rgb(72,169,186)
```
#56b0bf
```
#56b0bf rgb(86,176,191)
```
#64b7c4
```
#64b7c4 rgb(100,183,196)
```
#72bdca
```
#72bdca rgb(114,189,202)
```
#81c4cf
```
#81c4cf rgb(129,196,207)
```
#8fcbd5
```
#8fcbd5 rgb(143,203,213)
```
#9dd1da
```
#9dd1da rgb(157,209,218)
```
#abd8df
```
#abd8df rgb(171,216,223)
```
#badfe5
```
#badfe5 rgb(186,223,229)
```
#c8e5ea
```
#c8e5ea rgb(200,229,234)
```
#d6ecef
```
#d6ecef rgb(214,236,239)
```
#e4f3f5
```
#e4f3f5 rgb(228,243,245)
```
#f3f9fa
```
#f3f9fa rgb(243,249,250)
```

Tint Color Variation

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

#839092
```
#839092 rgb(131,144,146)
```
#7a969b
```
#7a969b rgb(122,150,155)
```
#719da4
```
#719da4 rgb(113,157,164)
```
#68a3ad
```
#68a3ad rgb(104,163,173)
```
#5faab6
```
#5faab6 rgb(95,170,182)
```
#56b0bf
```
#56b0bf rgb(86,176,191)
```
#4db6c8
```
#4db6c8 rgb(77,182,200)
```
#44bdd1
```
#44bdd1 rgb(68,189,209)
```
#3bc3da
```
#3bc3da rgb(59,195,218)
```
#32cae3
```
#32cae3 rgb(50,202,227)
```
#29d0ec
```
#29d0ec rgb(41,208,236)
```
#20d6f5
```
#20d6f5 rgb(32,214,245)
```
#17ddfe
```
#17ddfe rgb(23,221,254)
```

Tone Color Variation

Below, you can see how #56b0bf 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
#8a9c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6ba Protanopia 1% of men
#a6a4c7 Deuteranopia 1% of men
#5eb4c1 Tritanopia 0.001% of the population

Trichromacy

#88aabc Protanomaly 1% of men, 0.01% of women
#89a8c4 Deuteranomaly 6% of men, 0.4% of women
#5bb2c0 Tritanomaly 0.01% of the population

#56b0bf hex color

#56b0bf Color Information

#56b0bf Color Conversion

Color Schemes with #56b0bf

Alternatives to #56b0bf

#56b0bf Preview

Shades and Tints of #56b0bf

Tones of #56b0bf

Color Blindness Simulator