#55a2fc hex color

In a RGB color space, hex #55a2fc is composed of 33.3% red, 63.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 35.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 212.3 degrees, a saturation of 96.5% and a lightness of 66.1%. #55a2fc color hex could be obtained by blending #aaffff with #0045f9. Closest websafe color is: #6699ff.

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

● #55a2fc color description : Soft blue.

The hexadecimal color #55a2fc has RGB values of R:85, G:162, B:252 and CMYK values of C:0.66, M:0.36, Y:0, K:0.01. Its decimal value is 5612284.

Hex triplet	55a2fc	`#55a2fc`
RGB Decimal	85, 162, 252	`rgb(85,162,252)`
RGB Percent	33.3, 63.5, 98.8	`rgb(33.3%,63.5%,98.8%)`
CMYK	66, 36, 0, 1
HSL	212.3°, 96.5, 66.1	`hsl(212.3,96.5%,66.1%)`
HSV (or HSB)	212.3°, 66.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.591, 4.061, -51.77
XYZ	34.233, 34.798, 97.003
xyY	0.206, 0.21, 34.798
CIE-LCH	65.591, 51.929, 274.485
CIE-LUV	65.591, -30.877, -84.138
Hunter-Lab	58.99, 0.356, -56.204
Binary	01010101, 10100010, 11111100

#55a2fc
```
#55a2fc rgb(85,162,252)
```
#fcaf55
```
#fcaf55 rgb(252,175,85)
```

Complementary Color

#55f6fc
```
#55f6fc rgb(85,246,252)
```
#55a2fc
```
#55a2fc rgb(85,162,252)
```
#5c55fc
```
#5c55fc rgb(92,85,252)
```

Analogous Color

#f6fc55
```
#f6fc55 rgb(246,252,85)
```
#55a2fc
```
#55a2fc rgb(85,162,252)
```
#fc5c55
```
#fc5c55 rgb(252,92,85)
```

Split Complementary Color

#a2fc55
```
#a2fc55 rgb(162,252,85)
```
#55a2fc
```
#55a2fc rgb(85,162,252)
```
#fc55a2
```
#fc55a2 rgb(252,85,162)
```

Triadic Color

#55fcaf
```
#55fcaf rgb(85,252,175)
```
#55a2fc
```
#55a2fc rgb(85,162,252)
```
#fc55a2
```
#fc55a2 rgb(252,85,162)
```
#fcaf55
```
#fcaf55 rgb(252,175,85)
```

Tetradic Color

#0a79fb
```
#0a79fb rgb(10,121,251)
```
#2387fb
```
#2387fb rgb(35,135,251)
```
#3c94fc
```
#3c94fc rgb(60,148,252)
```
#55a2fc
```
#55a2fc rgb(85,162,252)
```
#6eb0fc
```
#6eb0fc rgb(110,176,252)
```
#87bdfd
```
#87bdfd rgb(135,189,253)
```
#a0cbfd
```
#a0cbfd rgb(160,203,253)
```

Monochromatic Color

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

#55ccfc
```
#55ccfc rgb(85,204,252)
```
#55befc
```
#55befc rgb(85,190,252)
```
#55b0fc
```
#55b0fc rgb(85,176,252)
```
#55a2fc
```
#55a2fc rgb(85,162,252)
```
#5594fc
```
#5594fc rgb(85,148,252)
```
#5586fc
```
#5586fc rgb(85,134,252)
```
#5578fc
```
#5578fc rgb(85,120,252)
```

Similar Colors

Text with hexadecimal color #55a2fc

This text has a font color of #55a2fc.

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

#55a2fc background color

This paragraph has a background color of #55a2fc.

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

#55a2fc border color

This element has a border color of #55a2fc.

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

CSS codes

.text {color:#55a2fc;}

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

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

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 #eff6ff is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#000b17
```
#000b17 rgb(0,11,23)
```
#01142a
```
#01142a rgb(1,20,42)
```
#011d3d
```
#011d3d rgb(1,29,61)
```
#012651
```
#012651 rgb(1,38,81)
```
#022f64
```
#022f64 rgb(2,47,100)
```
#023877
```
#023877 rgb(2,56,119)
```
#02418a
```
#02418a rgb(2,65,138)
```
#034a9e
```
#034a9e rgb(3,74,158)
```
#0353b1
```
#0353b1 rgb(3,83,177)
```
#035cc4
```
#035cc4 rgb(3,92,196)
```
#0465d8
```
#0465d8 rgb(4,101,216)
```
#046eeb
```
#046eeb rgb(4,110,235)
```

Shade Color Variation

#0878fb
```
#0878fb rgb(8,120,251)
```
#1b82fb
```
#1b82fb rgb(27,130,251)
```
#2e8dfb
```
#2e8dfb rgb(46,141,251)
```
#4297fc
```
#4297fc rgb(66,151,252)
```
#55a2fc
```
#55a2fc rgb(85,162,252)
```
#68adfc
```
#68adfc rgb(104,173,252)
```
#7cb7fd
```
#7cb7fd rgb(124,183,253)
```
#8fc2fd
```
#8fc2fd rgb(143,194,253)
```
#a2ccfd
```
#a2ccfd rgb(162,204,253)
```
#b5d7fe
```
#b5d7fe rgb(181,215,254)
```
#c9e1fe
```
#c9e1fe rgb(201,225,254)
```
#dcecfe
```
#dcecfe rgb(220,236,254)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

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

#a5a8ac
```
#a5a8ac rgb(165,168,172)
```
#9ea8b3
```
#9ea8b3 rgb(158,168,179)
```
#98a7b9
```
#98a7b9 rgb(152,167,185)
```
#91a7c0
```
#91a7c0 rgb(145,167,192)
```
#8aa6c7
```
#8aa6c7 rgb(138,166,199)
```
#84a6cd
```
#84a6cd rgb(132,166,205)
```
#7da5d4
```
#7da5d4 rgb(125,165,212)
```
#76a5db
```
#76a5db rgb(118,165,219)
```
#70a4e1
```
#70a4e1 rgb(112,164,225)
```
#69a4e8
```
#69a4e8 rgb(105,164,232)
```
#62a3ef
```
#62a3ef rgb(98,163,239)
```
#5ca3f5
```
#5ca3f5 rgb(92,163,245)
```
#55a2fc
```
#55a2fc rgb(85,162,252)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8898aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a1f7 Protanopia 1% of men
#6aa4fd Deuteranopia 1% of men
#24b3c0 Tritanopia 0.001% of the population

Trichromacy

#71a1f9 Protanomaly 1% of men, 0.01% of women
#62a3fc Deuteranomaly 6% of men, 0.4% of women
#36add6 Tritanomaly 0.01% of the population

#55a2fc hex color

#55a2fc Color Information

#55a2fc Color Conversion

Color Schemes with #55a2fc

Alternatives to #55a2fc

#55a2fc Preview

Shades and Tints of #55a2fc

Tones of #55a2fc

Color Blindness Simulator