#55d4fc hex color

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

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

● #55d4fc color description : Soft cyan.

The hexadecimal color #55d4fc has RGB values of R:85, G:212, B:252 and CMYK values of C:0.66, M:0.16, Y:0, K:0.01. Its decimal value is 5625084.

Hex triplet	55d4fc	`#55d4fc`
RGB Decimal	85, 212, 252	`rgb(85,212,252)`
RGB Percent	33.3, 83.1, 98.8	`rgb(33.3%,83.1%,98.8%)`
CMYK	66, 16, 0, 1
HSL	194.4°, 96.5, 66.1	`hsl(194.4,96.5%,66.1%)`
HSV (or HSB)	194.4°, 66.3, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.638, -22.952, -29.864
XYZ	44.856, 56.043, 100.544
xyY	0.223, 0.278, 56.043
CIE-LCH	79.638, 37.665, 232.456
CIE-LUV	79.638, -48.348, -44.992
Hunter-Lab	74.862, -24.054, -27.226
Binary	01010101, 11010100, 11111100

#55d4fc
```
#55d4fc rgb(85,212,252)
```
#fc7d55
```
#fc7d55 rgb(252,125,85)
```

Complementary Color

#55fcd1
```
#55fcd1 rgb(85,252,209)
```
#55d4fc
```
#55d4fc rgb(85,212,252)
```
#5581fc
```
#5581fc rgb(85,129,252)
```

Analogous Color

#fcd155
```
#fcd155 rgb(252,209,85)
```
#55d4fc
```
#55d4fc rgb(85,212,252)
```
#fc5581
```
#fc5581 rgb(252,85,129)
```

Split Complementary Color

#d4fc55
```
#d4fc55 rgb(212,252,85)
```
#55d4fc
```
#55d4fc rgb(85,212,252)
```
#fc55d4
```
#fc55d4 rgb(252,85,212)
```

Triadic Color

#55fc7d
```
#55fc7d rgb(85,252,125)
```
#55d4fc
```
#55d4fc rgb(85,212,252)
```
#fc55d4
```
#fc55d4 rgb(252,85,212)
```
#fc7d55
```
#fc7d55 rgb(252,125,85)
```

Tetradic Color

#0ac1fb
```
#0ac1fb rgb(10,193,251)
```
#23c7fb
```
#23c7fb rgb(35,199,251)
```
#3ccefc
```
#3ccefc rgb(60,206,252)
```
#55d4fc
```
#55d4fc rgb(85,212,252)
```
#6edafc
```
#6edafc rgb(110,218,252)
```
#87e1fd
```
#87e1fd rgb(135,225,253)
```
#a0e7fd
```
#a0e7fd rgb(160,231,253)
```

Monochromatic Color

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

#55fcfa
```
#55fcfa rgb(85,252,250)
```
#55f0fc
```
#55f0fc rgb(85,240,252)
```
#55e2fc
```
#55e2fc rgb(85,226,252)
```
#55d4fc
```
#55d4fc rgb(85,212,252)
```
#55c6fc
```
#55c6fc rgb(85,198,252)
```
#55b8fc
```
#55b8fc rgb(85,184,252)
```
#55aafc
```
#55aafc rgb(85,170,252)
```

Similar Colors

Text with hexadecimal color #55d4fc

This text has a font color of #55d4fc.

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

#55d4fc background color

This paragraph has a background color of #55d4fc.

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

#55d4fc border color

This element has a border color of #55d4fc.

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

CSS codes

.text {color:#55d4fc;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001117
```
#001117 rgb(0,17,23)
```
#01202a
```
#01202a rgb(1,32,42)
```
#012f3d
```
#012f3d rgb(1,47,61)
```
#013e51
```
#013e51 rgb(1,62,81)
```
#024c64
```
#024c64 rgb(2,76,100)
```
#025b77
```
#025b77 rgb(2,91,119)
```
#026a8a
```
#026a8a rgb(2,106,138)
```
#03799e
```
#03799e rgb(3,121,158)
```
#0387b1
```
#0387b1 rgb(3,135,177)
```
#0396c4
```
#0396c4 rgb(3,150,196)
```
#04a5d8
```
#04a5d8 rgb(4,165,216)
```
#04b4eb
```
#04b4eb rgb(4,180,235)
```

Shade Color Variation

#08c0fb
```
#08c0fb rgb(8,192,251)
```
#1bc5fb
```
#1bc5fb rgb(27,197,251)
```
#2ecafb
```
#2ecafb rgb(46,202,251)
```
#42cffc
```
#42cffc rgb(66,207,252)
```
#55d4fc
```
#55d4fc rgb(85,212,252)
```
#68d9fc
```
#68d9fc rgb(104,217,252)
```
#7cdefd
```
#7cdefd rgb(124,222,253)
```
#8fe3fd
```
#8fe3fd rgb(143,227,253)
```
#a2e8fd
```
#a2e8fd rgb(162,232,253)
```
#b5ecfe
```
#b5ecfe rgb(181,236,254)
```
#c9f1fe
```
#c9f1fe rgb(201,241,254)
```
#dcf6fe
```
#dcf6fe rgb(220,246,254)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

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

#a5aaac
```
#a5aaac rgb(165,170,172)
```
#9eaeb3
```
#9eaeb3 rgb(158,174,179)
```
#98b1b9
```
#98b1b9 rgb(152,177,185)
```
#91b5c0
```
#91b5c0 rgb(145,181,192)
```
#8ab8c7
```
#8ab8c7 rgb(138,184,199)
```
#84bccd
```
#84bccd rgb(132,188,205)
```
#7dbfd4
```
#7dbfd4 rgb(125,191,212)
```
#76c3db
```
#76c3db rgb(118,195,219)
```
#70c6e1
```
#70c6e1 rgb(112,198,225)
```
#69cae8
```
#69cae8 rgb(105,202,232)
```
#62cdef
```
#62cdef rgb(98,205,239)
```
#5cd1f5
```
#5cd1f5 rgb(92,209,245)
```
#55d4fc
```
#55d4fc rgb(85,212,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a0bac2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc6f2 Protanopia 1% of men
#bac5ff Deuteranopia 1% of men
#50d9e9 Tritanopia 0.001% of the population

Trichromacy

#97cbf5 Protanomaly 1% of men, 0.01% of women
#95cafd Deuteranomaly 6% of men, 0.4% of women
#51d7f0 Tritanomaly 0.01% of the population

#55d4fc hex color

#55d4fc Color Information

#55d4fc Color Conversion

Color Schemes with #55d4fc

Alternatives to #55d4fc

#55d4fc Preview

Shades and Tints of #55d4fc

Tones of #55d4fc

Color Blindness Simulator