#55bcfc hex color

In a RGB color space, hex #55bcfc is composed of 33.3% red, 73.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 25.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 203 degrees, a saturation of 96.5% and a lightness of 66.1%. #55bcfc color hex could be obtained by blending #aaffff with #0079f9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 74
- B 99
RGB color chart
- C 66
- M 25
- Y 0
- K 1
CMYK color chart

● #55bcfc color description : Soft blue.

The hexadecimal color #55bcfc has RGB values of R:85, G:188, B:252 and CMYK values of C:0.66, M:0.25, Y:0, K:0.01. Its decimal value is 5618940.

Hex triplet	55bcfc	`#55bcfc`
RGB Decimal	85, 188, 252	`rgb(85,188,252)`
RGB Percent	33.3, 73.7, 98.8	`rgb(33.3%,73.7%,98.8%)`
CMYK	66, 25, 0, 1
HSL	203°, 96.5, 66.1	`hsl(203,96.5%,66.1%)`
HSV (or HSB)	203°, 66.3, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.841, -10.453, -40.379
XYZ	39.296, 44.923, 98.69
xyY	0.215, 0.246, 44.923
CIE-LCH	72.841, 41.71, 255.486
CIE-LUV	72.841, -39.857, -64.126
Hunter-Lab	67.025, -12.64, -40.384
Binary	01010101, 10111100, 11111100

#55bcfc
```
#55bcfc rgb(85,188,252)
```
#fc9555
```
#fc9555 rgb(252,149,85)
```

Complementary Color

#55fce9
```
#55fce9 rgb(85,252,233)
```
#55bcfc
```
#55bcfc rgb(85,188,252)
```
#5569fc
```
#5569fc rgb(85,105,252)
```

Analogous Color

#fce955
```
#fce955 rgb(252,233,85)
```
#55bcfc
```
#55bcfc rgb(85,188,252)
```
#fc5569
```
#fc5569 rgb(252,85,105)
```

Split Complementary Color

#bcfc55
```
#bcfc55 rgb(188,252,85)
```
#55bcfc
```
#55bcfc rgb(85,188,252)
```
#fc55bc
```
#fc55bc rgb(252,85,188)
```

Triadic Color

#55fc95
```
#55fc95 rgb(85,252,149)
```
#55bcfc
```
#55bcfc rgb(85,188,252)
```
#fc55bc
```
#fc55bc rgb(252,85,188)
```
#fc9555
```
#fc9555 rgb(252,149,85)
```

Tetradic Color

#0a9efb
```
#0a9efb rgb(10,158,251)
```
#23a8fb
```
#23a8fb rgb(35,168,251)
```
#3cb2fc
```
#3cb2fc rgb(60,178,252)
```
#55bcfc
```
#55bcfc rgb(85,188,252)
```
#6ec6fc
```
#6ec6fc rgb(110,198,252)
```
#87d0fd
```
#87d0fd rgb(135,208,253)
```
#a0dafd
```
#a0dafd rgb(160,218,253)
```

Monochromatic Color

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

#55e6fc
```
#55e6fc rgb(85,230,252)
```
#55d8fc
```
#55d8fc rgb(85,216,252)
```
#55cafc
```
#55cafc rgb(85,202,252)
```
#55bcfc
```
#55bcfc rgb(85,188,252)
```
#55aefc
```
#55aefc rgb(85,174,252)
```
#55a0fc
```
#55a0fc rgb(85,160,252)
```
#5592fc
```
#5592fc rgb(85,146,252)
```

Similar Colors

Text with hexadecimal color #55bcfc

This text has a font color of #55bcfc.

<span style="color:#55bcfc;">Text here</span>

#55bcfc background color

This paragraph has a background color of #55bcfc.

<p style="background-color:#55bcfc;">Content here</p>

#55bcfc border color

This element has a border color of #55bcfc.

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

CSS codes

.text {color:#55bcfc;}

.background {background-color:#55bcfc;}

.border {border:1px solid #55bcfc;}

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

#000203
```
#000203 rgb(0,2,3)
```
#000e17
```
#000e17 rgb(0,14,23)
```
#011a2a
```
#011a2a rgb(1,26,42)
```
#01263d
```
#01263d rgb(1,38,61)
```
#013251
```
#013251 rgb(1,50,81)
```
#023e64
```
#023e64 rgb(2,62,100)
```
#024a77
```
#024a77 rgb(2,74,119)
```
#02568a
```
#02568a rgb(2,86,138)
```
#03629e
```
#03629e rgb(3,98,158)
```
#036eb1
```
#036eb1 rgb(3,110,177)
```
#037ac4
```
#037ac4 rgb(3,122,196)
```
#0486d8
```
#0486d8 rgb(4,134,216)
```
#0492eb
```
#0492eb rgb(4,146,235)
```

Shade Color Variation

#089efb
```
#089efb rgb(8,158,251)
```
#1ba5fb
```
#1ba5fb rgb(27,165,251)
```
#2eadfb
```
#2eadfb rgb(46,173,251)
```
#42b4fc
```
#42b4fc rgb(66,180,252)
```
#55bcfc
```
#55bcfc rgb(85,188,252)
```
#68c4fc
```
#68c4fc rgb(104,196,252)
```
#7ccbfd
```
#7ccbfd rgb(124,203,253)
```
#8fd3fd
```
#8fd3fd rgb(143,211,253)
```
#a2dafd
```
#a2dafd rgb(162,218,253)
```
#b5e2fe
```
#b5e2fe rgb(181,226,254)
```
#c9eafe
```
#c9eafe rgb(201,234,254)
```
#dcf1fe
```
#dcf1fe rgb(220,241,254)
```
#eff9ff
```
#eff9ff rgb(239,249,255)
```

Tint Color Variation

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

#a5a9ac
```
#a5a9ac rgb(165,169,172)
```
#9eabb3
```
#9eabb3 rgb(158,171,179)
```
#98acb9
```
#98acb9 rgb(152,172,185)
```
#91aec0
```
#91aec0 rgb(145,174,192)
```
#8ab0c7
```
#8ab0c7 rgb(138,176,199)
```
#84b1cd
```
#84b1cd rgb(132,177,205)
```
#7db3d4
```
#7db3d4 rgb(125,179,212)
```
#76b4db
```
#76b4db rgb(118,180,219)
```
#70b6e1
```
#70b6e1 rgb(112,182,225)
```
#69b7e8
```
#69b7e8 rgb(105,183,232)
```
#62b9ef
```
#62b9ef rgb(98,185,239)
```
#5cbaf5
```
#5cbaf5 rgb(92,186,245)
```
#55bcfc
```
#55bcfc rgb(85,188,252)
```

Tone Color Variation

Below, you can see how #55bcfc 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

#a4a4a4 Achromatopsia 0.005% of the population
#94a9b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b4f4 Protanopia 1% of men
#97b5ff Deuteranopia 1% of men
#3ec7d5 Tritanopia 0.001% of the population

Trichromacy

#86b7f7 Protanomaly 1% of men, 0.01% of women
#7fb7fd Deuteranomaly 6% of men, 0.4% of women
#46c3e3 Tritanomaly 0.01% of the population

#55bcfc hex color

#55bcfc Color Information

#55bcfc Color Conversion

Color Schemes with #55bcfc

Alternatives to #55bcfc

#55bcfc Preview

Shades and Tints of #55bcfc

Tones of #55bcfc

Color Blindness Simulator