#56a4bb hex color

In a RGB color space, hex #56a4bb is composed of 33.7% red, 64.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 12.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 193.7 degrees, a saturation of 42.6% and a lightness of 53.5%. #56a4bb color hex could be obtained by blending #acffff with #004977. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 64
- B 73
RGB color chart
- C 54
- M 12
- Y 0
- K 27
CMYK color chart

● #56a4bb color description : Moderate cyan.

The hexadecimal color #56a4bb has RGB values of R:86, G:164, B:187 and CMYK values of C:0.54, M:0.12, Y:0, K:0.27. Its decimal value is 5678267.

Hex triplet	56a4bb	`#56a4bb`
RGB Decimal	86, 164, 187	`rgb(86,164,187)`
RGB Percent	33.7, 64.3, 73.3	`rgb(33.7%,64.3%,73.3%)`
CMYK	54, 12, 0, 27
HSL	193.7°, 42.6, 53.5	`hsl(193.7,42.6%,53.5%)`
HSV (or HSB)	193.7°, 54, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.438, -17.496, -19.203
XYZ	26.081, 32.115, 51.835
xyY	0.237, 0.292, 32.115
CIE-LCH	63.438, 25.979, 227.663
CIE-LUV	63.438, -33.455, -26.876
Hunter-Lab	56.67, -17.025, -14.562
Binary	01010110, 10100100, 10111011

#56a4bb
```
#56a4bb rgb(86,164,187)
```
#bb6d56
```
#bb6d56 rgb(187,109,86)
```

Complementary Color

#56bba0
```
#56bba0 rgb(86,187,160)
```
#56a4bb
```
#56a4bb rgb(86,164,187)
```
#5672bb
```
#5672bb rgb(86,114,187)
```

Analogous Color

#bba056
```
#bba056 rgb(187,160,86)
```
#56a4bb
```
#56a4bb rgb(86,164,187)
```
#bb5672
```
#bb5672 rgb(187,86,114)
```

Split Complementary Color

#a4bb56
```
#a4bb56 rgb(164,187,86)
```
#56a4bb
```
#56a4bb rgb(86,164,187)
```
#bb56a4
```
#bb56a4 rgb(187,86,164)
```

Triadic Color

#56bb6d
```
#56bb6d rgb(86,187,109)
```
#56a4bb
```
#56a4bb rgb(86,164,187)
```
#bb56a4
```
#bb56a4 rgb(187,86,164)
```
#bb6d56
```
#bb6d56 rgb(187,109,86)
```

Tetradic Color

#38798c
```
#38798c rgb(56,121,140)
```
#40899e
```
#40899e rgb(64,137,158)
```
#4798b0
```
#4798b0 rgb(71,152,176)
```
#56a4bb
```
#56a4bb rgb(86,164,187)
```
#68aec2
```
#68aec2 rgb(104,174,194)
```
#7ab8ca
```
#7ab8ca rgb(122,184,202)
```
#8dc1d1
```
#8dc1d1 rgb(141,193,209)
```

Monochromatic Color

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

#56bbb9
```
#56bbb9 rgb(86,187,185)
```
#56b5bb
```
#56b5bb rgb(86,181,187)
```
#56acbb
```
#56acbb rgb(86,172,187)
```
#56a4bb
```
#56a4bb rgb(86,164,187)
```
#569cbb
```
#569cbb rgb(86,156,187)
```
#5693bb
```
#5693bb rgb(86,147,187)
```
#568bbb
```
#568bbb rgb(86,139,187)
```

Similar Colors

Text with hexadecimal color #56a4bb

This text has a font color of #56a4bb.

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

#56a4bb background color

This paragraph has a background color of #56a4bb.

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

#56a4bb border color

This element has a border color of #56a4bb.

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

CSS codes

.text {color:#56a4bb;}

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

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

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, #050b0d is the darkest color, while #fefeff is the lightest one.

#050b0d
```
#050b0d rgb(5,11,13)
```
#0b171b
```
#0b171b rgb(11,23,27)
```
#102329
```
#102329 rgb(16,35,41)
```
#162f37
```
#162f37 rgb(22,47,55)
```
#1c3b45
```
#1c3b45 rgb(28,59,69)
```
#214853
```
#214853 rgb(33,72,83)
```
#275461
```
#275461 rgb(39,84,97)
```
#2d606f
```
#2d606f rgb(45,96,111)
```
#326c7d
```
#326c7d rgb(50,108,125)
```
#38788b
```
#38788b rgb(56,120,139)
```
#3d8499
```
#3d8499 rgb(61,132,153)
```
#4390a7
```
#4390a7 rgb(67,144,167)
```
#499cb5
```
#499cb5 rgb(73,156,181)
```

Shade Color Variation

#56a4bb
```
#56a4bb rgb(86,164,187)
```
#64acc1
```
#64acc1 rgb(100,172,193)
```
#72b3c6
```
#72b3c6 rgb(114,179,198)
```
#80bbcc
```
#80bbcc rgb(128,187,204)
```
#8ec2d2
```
#8ec2d2 rgb(142,194,210)
```
#9ccad7
```
#9ccad7 rgb(156,202,215)
```
#aad1dd
```
#aad1dd rgb(170,209,221)
```
#b8d9e2
```
#b8d9e2 rgb(184,217,226)
```
#c6e0e8
```
#c6e0e8 rgb(198,224,232)
```
#d4e8ee
```
#d4e8ee rgb(212,232,238)
```
#e2eff3
```
#e2eff3 rgb(226,239,243)
```
#f0f7f9
```
#f0f7f9 rgb(240,247,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848b8d is the less saturated color, while #16c7fb is the most saturated one.

#848b8d
```
#848b8d rgb(132,139,141)
```
#7a9097
```
#7a9097 rgb(122,144,151)
```
#7195a0
```
#7195a0 rgb(113,149,160)
```
#689aa9
```
#689aa9 rgb(104,154,169)
```
#5f9fb2
```
#5f9fb2 rgb(95,159,178)
```
#56a4bb
```
#56a4bb rgb(86,164,187)
```
#4da9c4
```
#4da9c4 rgb(77,169,196)
```
#44aecd
```
#44aecd rgb(68,174,205)
```
#3bb3d6
```
#3bb3d6 rgb(59,179,214)
```
#32b8df
```
#32b8df rgb(50,184,223)
```
#28bde9
```
#28bde9 rgb(40,189,233)
```
#1fc2f2
```
#1fc2f2 rgb(31,194,242)
```
#16c7fb
```
#16c7fb rgb(22,199,251)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#849398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999db7 Protanopia 1% of men
#999cc3 Deuteranopia 1% of men
#5baab6 Tritanopia 0.001% of the population

Trichromacy

#809fb8 Protanomaly 1% of men, 0.01% of women
#819ec0 Deuteranomaly 6% of men, 0.4% of women
#59a7b8 Tritanomaly 0.01% of the population

#56a4bb hex color

#56a4bb Color Information

#56a4bb Color Conversion

Color Schemes with #56a4bb

Alternatives to #56a4bb

#56a4bb Preview

Shades and Tints of #56a4bb

Tones of #56a4bb

Color Blindness Simulator