#55c2fa hex color

In a RGB color space, hex #55c2fa is composed of 33.3% red, 76.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 22.4% magenta, 0% yellow and 2% black. It has a hue angle of 200.4 degrees, a saturation of 94.3% and a lightness of 65.7%. #55c2fa color hex could be obtained by blending #aaffff with #0085f5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 76
- B 98
RGB color chart
- C 66
- M 22
- Y 0
- K 2
CMYK color chart

● #55c2fa color description : Soft blue.

The hexadecimal color #55c2fa has RGB values of R:85, G:194, B:250 and CMYK values of C:0.66, M:0.22, Y:0, K:0.02. Its decimal value is 5620474.

Hex triplet	55c2fa	`#55c2fa`
RGB Decimal	85, 194, 250	`rgb(85,194,250)`
RGB Percent	33.3, 76.1, 98	`rgb(33.3%,76.1%,98%)`
CMYK	66, 22, 0, 2
HSL	200.4°, 94.3, 65.7	`hsl(200.4,94.3%,65.7%)`
HSV (or HSB)	200.4°, 66, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.454, -14.292, -36.795
XYZ	40.289, 47.414, 97.466
xyY	0.218, 0.256, 47.414
CIE-LCH	74.454, 39.473, 248.773
CIE-LUV	74.454, -42.065, -57.643
Hunter-Lab	68.858, -16.06, -35.723
Binary	01010101, 11000010, 11111010

#55c2fa
```
#55c2fa rgb(85,194,250)
```
#fa8d55
```
#fa8d55 rgb(250,141,85)
```

Complementary Color

#55fae0
```
#55fae0 rgb(85,250,224)
```
#55c2fa
```
#55c2fa rgb(85,194,250)
```
#5570fa
```
#5570fa rgb(85,112,250)
```

Analogous Color

#fae055
```
#fae055 rgb(250,224,85)
```
#55c2fa
```
#55c2fa rgb(85,194,250)
```
#fa5570
```
#fa5570 rgb(250,85,112)
```

Split Complementary Color

#c2fa55
```
#c2fa55 rgb(194,250,85)
```
#55c2fa
```
#55c2fa rgb(85,194,250)
```
#fa55c2
```
#fa55c2 rgb(250,85,194)
```

Triadic Color

#55fa8d
```
#55fa8d rgb(85,250,141)
```
#55c2fa
```
#55c2fa rgb(85,194,250)
```
#fa55c2
```
#fa55c2 rgb(250,85,194)
```
#fa8d55
```
#fa8d55 rgb(250,141,85)
```

Tetradic Color

#0ba7f8
```
#0ba7f8 rgb(11,167,248)
```
#23b0f9
```
#23b0f9 rgb(35,176,249)
```
#3cb9f9
```
#3cb9f9 rgb(60,185,249)
```
#55c2fa
```
#55c2fa rgb(85,194,250)
```
#6ecbfb
```
#6ecbfb rgb(110,203,251)
```
#87d4fb
```
#87d4fb rgb(135,212,251)
```
#9fddfc
```
#9fddfc rgb(159,221,252)
```

Monochromatic Color

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

#55ebfa
```
#55ebfa rgb(85,235,250)
```
#55defa
```
#55defa rgb(85,222,250)
```
#55d0fa
```
#55d0fa rgb(85,208,250)
```
#55c2fa
```
#55c2fa rgb(85,194,250)
```
#55b4fa
```
#55b4fa rgb(85,180,250)
```
#55a7fa
```
#55a7fa rgb(85,167,250)
```
#5599fa
```
#5599fa rgb(85,153,250)
```

Similar Colors

Text with hexadecimal color #55c2fa

This text has a font color of #55c2fa.

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

#55c2fa background color

This paragraph has a background color of #55c2fa.

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

#55c2fa border color

This element has a border color of #55c2fa.

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

CSS codes

.text {color:#55c2fa;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010e15
```
#010e15 rgb(1,14,21)
```
#011b28
```
#011b28 rgb(1,27,40)
```
#02273b
```
#02273b rgb(2,39,59)
```
#02344e
```
#02344e rgb(2,52,78)
```
#034161
```
#034161 rgb(3,65,97)
```
#034e74
```
#034e74 rgb(3,78,116)
```
#045a87
```
#045a87 rgb(4,90,135)
```
#05679a
```
#05679a rgb(5,103,154)
```
#0574ad
```
#0574ad rgb(5,116,173)
```
#0681c0
```
#0681c0 rgb(6,129,192)
```
#068ed3
```
#068ed3 rgb(6,142,211)
```
#079ae6
```
#079ae6 rgb(7,154,230)
```

Shade Color Variation

#09a7f8
```
#09a7f8 rgb(9,167,248)
```
#1cadf8
```
#1cadf8 rgb(28,173,248)
```
#2fb4f9
```
#2fb4f9 rgb(47,180,249)
```
#42bbf9
```
#42bbf9 rgb(66,187,249)
```
#55c2fa
```
#55c2fa rgb(85,194,250)
```
#68c9fb
```
#68c9fb rgb(104,201,251)
```
#7bd0fb
```
#7bd0fb rgb(123,208,251)
```
#8ed7fc
```
#8ed7fc rgb(142,215,252)
```
#a1ddfc
```
#a1ddfc rgb(161,221,252)
```
#b4e4fd
```
#b4e4fd rgb(180,228,253)
```
#c7ebfd
```
#c7ebfd rgb(199,235,253)
```
#daf2fe
```
#daf2fe rgb(218,242,254)
```
#edf9fe
```
#edf9fe rgb(237,249,254)
```

Tint Color Variation

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

#a6a8a9
```
#a6a8a9 rgb(166,168,169)
```
#9faab0
```
#9faab0 rgb(159,170,176)
```
#98acb7
```
#98acb7 rgb(152,172,183)
```
#92afbd
```
#92afbd rgb(146,175,189)
```
#8bb1c4
```
#8bb1c4 rgb(139,177,196)
```
#84b3cb
```
#84b3cb rgb(132,179,203)
```
#7db5d2
```
#7db5d2 rgb(125,181,210)
```
#77b7d8
```
#77b7d8 rgb(119,183,216)
```
#70b9df
```
#70b9df rgb(112,185,223)
```
#69bce6
```
#69bce6 rgb(105,188,230)
```
#62beed
```
#62beed rgb(98,190,237)
```
#5cc0f3
```
#5cc0f3 rgb(92,192,243)
```
#55c2fa
```
#55c2fa rgb(85,194,250)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#97adb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b8f1 Protanopia 1% of men
#a0b9ff Deuteranopia 1% of men
#45cbda Tritanopia 0.001% of the population

Trichromacy

#8bbcf4 Protanomaly 1% of men, 0.01% of women
#85bcfd Deuteranomaly 6% of men, 0.4% of women
#4ac7e5 Tritanomaly 0.01% of the population

#55c2fa hex color

#55c2fa Color Information

#55c2fa Color Conversion

Color Schemes with #55c2fa

Alternatives to #55c2fa

#55c2fa Preview

Shades and Tints of #55c2fa

Tones of #55c2fa

Color Blindness Simulator