colorhexa.com

#56b1f8 hex color

In a RGB color space, hex #56b1f8 is composed of 33.7% red, 69.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 28.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 206.3 degrees, a saturation of 92% and a lightness of 65.5%. #56b1f8 color hex could be obtained by blending #acffff with #0063f1. Closest websafe color is: #6699ff.

- R 34
- G 69
- B 97
RGB color chart
- C 65
- M 29
- Y 0
- K 3
CMYK color chart

● #56b1f8 color description : Soft blue.

The hexadecimal color #56b1f8 has RGB values of R:86, G:177, B:248 and CMYK values of C:0.65, M:0.29, Y:0, K:0.03. Its decimal value is 5681656.

Hex triplet	56b1f8	`#56b1f8`
RGB Decimal	86, 177, 248	`rgb(86,177,248)`
RGB Percent	33.7, 69.4, 97.3	`rgb(33.7%,69.4%,97.3%)`
CMYK	65, 29, 0, 3
HSL	206.3°, 92, 65.5	`hsl(206.3,92%,65.5%)`
HSV (or HSB)	206.3°, 65.3, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.61, -5.58, -43.264
XYZ	36.499, 40.197, 94.637
xyY	0.213, 0.235, 40.197
CIE-LCH	69.61, 43.622, 262.65
CIE-LUV	69.61, -35.95, -69.26
Hunter-Lab	63.401, -8.193, -44.119
Binary	01010110, 10110001, 11111000

#56b1f8
```
#56b1f8 rgb(86,177,248)
```
#f89d56
```
#f89d56 rgb(248,157,86)
```

Complementary Color

#56f8ee
```
#56f8ee rgb(86,248,238)
```
#56b1f8
```
#56b1f8 rgb(86,177,248)
```
#5660f8
```
#5660f8 rgb(86,96,248)
```

Analogous Color

#f8ee56
```
#f8ee56 rgb(248,238,86)
```
#56b1f8
```
#56b1f8 rgb(86,177,248)
```
#f85660
```
#f85660 rgb(248,86,96)
```

Split Complementary Color

#b1f856
```
#b1f856 rgb(177,248,86)
```
#56b1f8
```
#56b1f8 rgb(86,177,248)
```
#f856b1
```
#f856b1 rgb(248,86,177)
```

Triadic Color

#56f89d
```
#56f89d rgb(86,248,157)
```
#56b1f8
```
#56b1f8 rgb(86,177,248)
```
#f856b1
```
#f856b1 rgb(248,86,177)
```
#f89d56
```
#f89d56 rgb(248,157,86)
```

Tetradic Color

#0d8ff5
```
#0d8ff5 rgb(13,143,245)
```
#259af6
```
#259af6 rgb(37,154,246)
```
#3ea6f7
```
#3ea6f7 rgb(62,166,247)
```
#56b1f8
```
#56b1f8 rgb(86,177,248)
```
#6ebcf9
```
#6ebcf9 rgb(110,188,249)
```
#87c8fa
```
#87c8fa rgb(135,200,250)
```
#9fd3fb
```
#9fd3fb rgb(159,211,251)
```

Monochromatic Color

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

#56daf8
```
#56daf8 rgb(86,218,248)
```
#56ccf8
```
#56ccf8 rgb(86,204,248)
```
#56bff8
```
#56bff8 rgb(86,191,248)
```
#56b1f8
```
#56b1f8 rgb(86,177,248)
```
#56a4f8
```
#56a4f8 rgb(86,164,248)
```
#5696f8
```
#5696f8 rgb(86,150,248)
```
#5689f8
```
#5689f8 rgb(86,137,248)
```

Similar Colors

Text with hexadecimal color #56b1f8

This text has a font color of #56b1f8.

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

#56b1f8 background color

This paragraph has a background color of #56b1f8.

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

#56b1f8 border color

This element has a border color of #56b1f8.

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

CSS codes

.text {color:#56b1f8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010b13
```
#010b13 rgb(1,11,19)
```
#021626
```
#021626 rgb(2,22,38)
```
#022139
```
#022139 rgb(2,33,57)
```
#032c4c
```
#032c4c rgb(3,44,76)
```
#04375f
```
#04375f rgb(4,55,95)
```
#054272
```
#054272 rgb(5,66,114)
```
#054d84
```
#054d84 rgb(5,77,132)
```
#065897
```
#065897 rgb(6,88,151)
```
#0763aa
```
#0763aa rgb(7,99,170)
```
#086ebd
```
#086ebd rgb(8,110,189)
```
#0978d0
```
#0978d0 rgb(9,120,208)
```
#0983e3
```
#0983e3 rgb(9,131,227)
```

Shade Color Variation

#0b8ef5
```
#0b8ef5 rgb(11,142,245)
```
#1d97f6
```
#1d97f6 rgb(29,151,246)
```
#30a0f6
```
#30a0f6 rgb(48,160,246)
```
#43a8f7
```
#43a8f7 rgb(67,168,247)
```
#56b1f8
```
#56b1f8 rgb(86,177,248)
```
#69baf9
```
#69baf9 rgb(105,186,249)
```
#7cc2fa
```
#7cc2fa rgb(124,194,250)
```
#8fcbfa
```
#8fcbfa rgb(143,203,250)
```
#a1d4fb
```
#a1d4fb rgb(161,212,251)
```
#b4dcfc
```
#b4dcfc rgb(180,220,252)
```
#c7e5fd
```
#c7e5fd rgb(199,229,253)
```
#daeefd
```
#daeefd rgb(218,238,253)
```
#edf7fe
```
#edf7fe rgb(237,247,254)
```

Tint Color Variation

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

#a0a8ae
```
#a0a8ae rgb(160,168,174)
```
#9aa9b4
```
#9aa9b4 rgb(154,169,180)
```
#93a9bb
```
#93a9bb rgb(147,169,187)
```
#8caac2
```
#8caac2 rgb(140,170,194)
```
#85abc9
```
#85abc9 rgb(133,171,201)
```
#7faccf
```
#7faccf rgb(127,172,207)
```
#78add6
```
#78add6 rgb(120,173,214)
```
#71aedd
```
#71aedd rgb(113,174,221)
```
#6aaee4
```
#6aaee4 rgb(106,174,228)
```
#64afea
```
#64afea rgb(100,175,234)
```
#5db0f1
```
#5db0f1 rgb(93,176,241)
```
#56b1f8
```
#56b1f8 rgb(86,177,248)
```
#4fb2ff
```
#4fb2ff rgb(79,178,255)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#90a2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96acf1 Protanopia 1% of men
#88adfb Deuteranopia 1% of men
#3bbecb Tritanopia 0.001% of the population

Trichromacy

#7fadf4 Protanomaly 1% of men, 0.01% of women
#76aefa Deuteranomaly 6% of men, 0.4% of women
#45b9db Tritanomaly 0.01% of the population