#56a6bb hex color
In a RGB color space, hex #56a6bb is composed of 33.7% red, 65.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 11.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 192.5 degrees, a saturation of 42.6% and a lightness of 53.5%. #56a6bb color hex could be obtained by blending #acffff with #004d77. Closest websafe color is: #6699cc.
-
- R 34
- G 65
- B 73
RGB color chart
-
- C 54
- M 11
- Y 0
- K 27
CMYK color chart
● #56a6bb color description : Moderate cyan.
The hexadecimal color #56a6bb has RGB values of R:86, G:166, B:187 and CMYK values of C:0.54, M:0.11, Y:0, K:0.27. Its decimal value is 5678779.
Hex triplet | 56a6bb | #56a6bb |
---|---|---|
RGB Decimal | 86, 166, 187 | rgb(86,166,187) |
RGB Percent | 33.7, 65.1, 73.3 | rgb(33.7%,65.1%,73.3%) |
CMYK | 54, 11, 0, 27 | |
HSL | 192.5°, 42.6, 53.5 | hsl(192.5,42.6%,53.5%) |
HSV (or HSB) | 192.5°, 54, 73.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 64.029, -18.55, -18.306 |
---|---|
XYZ | 26.441, 32.837, 51.956 |
xyY | 0.238, 0.295, 32.837 |
CIE-LCH | 64.029, 26.062, 224.62 |
CIE-LUV | 64.029, -34.226, -25.322 |
Hunter-Lab | 57.304, -17.917, -13.644 |
Binary | 01010110, 10100110, 10111011 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #56a6bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #56a6bb
This text has a font color of #56a6bb.
<span style="color:#56a6bb;">Text here</span>
#56a6bb background color
This paragraph has a background color of #56a6bb.
<p style="background-color:#56a6bb;">Content here</p>
#56a6bb border color
This element has a border color of #56a6bb.
<div style="border:1px solid #56a6bb;">Content here</div>
CSS codes
.text {color:#56a6bb;}
.background {background-color:#56a6bb;}
.border {border:1px solid #56a6bb;}
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)
-
#102429
#102429
rgb(16,36,41)
-
#163037
#163037
rgb(22,48,55)
-
#1c3c45
#1c3c45
rgb(28,60,69)
-
#214853
#214853
rgb(33,72,83)
-
#275561
#275561
rgb(39,85,97)
-
#2d616f
#2d616f
rgb(45,97,111)
-
#326d7d
#326d7d
rgb(50,109,125)
-
#38798b
#38798b
rgb(56,121,139)
-
#3d8699
#3d8699
rgb(61,134,153)
-
#4392a7
#4392a7
rgb(67,146,167)
-
#499eb5
#499eb5
rgb(73,158,181)
Shade Color Variation
-
#56a6bb
#56a6bb
rgb(86,166,187)
-
#64adc1
#64adc1
rgb(100,173,193)
-
#72b5c6
#72b5c6
rgb(114,181,198)
-
#80bccc
#80bccc
rgb(128,188,204)
-
#8ec3d2
#8ec3d2
rgb(142,195,210)
-
#9ccbd7
#9ccbd7
rgb(156,203,215)
-
#aad2dd
#aad2dd
rgb(170,210,221)
-
#b8dae2
#b8dae2
rgb(184,218,226)
-
#c6e1e8
#c6e1e8
rgb(198,225,232)
-
#d4e8ee
#d4e8ee
rgb(212,232,238)
-
#e2f0f3
#e2f0f3
rgb(226,240,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 #16cbfb is the most saturated one.
-
#848b8d
#848b8d
rgb(132,139,141)
-
#7a9197
#7a9197
rgb(122,145,151)
-
#7196a0
#7196a0
rgb(113,150,160)
-
#689ba9
#689ba9
rgb(104,155,169)
-
#5fa1b2
#5fa1b2
rgb(95,161,178)
-
#56a6bb
#56a6bb
rgb(86,166,187)
-
#4dabc4
#4dabc4
rgb(77,171,196)
-
#44b1cd
#44b1cd
rgb(68,177,205)
-
#3bb6d6
#3bb6d6
rgb(59,182,214)
-
#32bbdf
#32bbdf
rgb(50,187,223)
-
#28c1e9
#28c1e9
rgb(40,193,233)
-
#1fc6f2
#1fc6f2
rgb(31,198,242)
-
#16cbfb
#16cbfb
rgb(22,203,251)
Tone Color Variation
Below, you can see how #56a6bb 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
Dichromacy