#55d8f1 hex color

In a RGB color space, hex #55d8f1 is composed of 33.3% red, 84.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 10.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 189.6 degrees, a saturation of 84.8% and a lightness of 63.9%. #55d8f1 color hex could be obtained by blending #aaffff with #00b1e3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 85
- B 95
RGB color chart
- C 65
- M 10
- Y 0
- K 5
CMYK color chart

● #55d8f1 color description : Soft cyan.

The hexadecimal color #55d8f1 has RGB values of R:85, G:216, B:241 and CMYK values of C:0.65, M:0.1, Y:0, K:0.05. Its decimal value is 5626097.

Hex triplet	55d8f1	`#55d8f1`
RGB Decimal	85, 216, 241	`rgb(85,216,241)`
RGB Percent	33.3, 84.7, 94.5	`rgb(33.3%,84.7%,94.5%)`
CMYK	65, 10, 0, 5
HSL	189.6°, 84.8, 63.9	`hsl(189.6,84.8%,63.9%)`
HSV (or HSB)	189.6°, 64.7, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.399, -28.21, -22.848
XYZ	44.175, 57.39, 91.964
xyY	0.228, 0.297, 57.39
CIE-LCH	80.399, 36.302, 219.005
CIE-LUV	80.399, -50.389, -32.353
Hunter-Lab	75.756, -28.487, -18.945
Binary	01010101, 11011000, 11110001

#55d8f1
```
#55d8f1 rgb(85,216,241)
```
#f16e55
```
#f16e55 rgb(241,110,85)
```

Complementary Color

#55f1bc
```
#55f1bc rgb(85,241,188)
```
#55d8f1
```
#55d8f1 rgb(85,216,241)
```
#558af1
```
#558af1 rgb(85,138,241)
```

Analogous Color

#f1bc55
```
#f1bc55 rgb(241,188,85)
```
#55d8f1
```
#55d8f1 rgb(85,216,241)
```
#f1558a
```
#f1558a rgb(241,85,138)
```

Split Complementary Color

#d8f155
```
#d8f155 rgb(216,241,85)
```
#55d8f1
```
#55d8f1 rgb(85,216,241)
```
#f155d8
```
#f155d8 rgb(241,85,216)
```

Triadic Color

#55f16e
```
#55f16e rgb(85,241,110)
```
#55d8f1
```
#55d8f1 rgb(85,216,241)
```
#f155d8
```
#f155d8 rgb(241,85,216)
```
#f16e55
```
#f16e55 rgb(241,110,85)
```

Tetradic Color

#13c5e7
```
#13c5e7 rgb(19,197,231)
```
#26cded
```
#26cded rgb(38,205,237)
```
#3dd3ef
```
#3dd3ef rgb(61,211,239)
```
#55d8f1
```
#55d8f1 rgb(85,216,241)
```
#6dddf3
```
#6dddf3 rgb(109,221,243)
```
#84e3f5
```
#84e3f5 rgb(132,227,245)
```
#9ce8f7
```
#9ce8f7 rgb(156,232,247)
```

Monochromatic Color

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

#55f1e3
```
#55f1e3 rgb(85,241,227)
```
#55f1f0
```
#55f1f0 rgb(85,241,240)
```
#55e5f1
```
#55e5f1 rgb(85,229,241)
```
#55d8f1
```
#55d8f1 rgb(85,216,241)
```
#55cbf1
```
#55cbf1 rgb(85,203,241)
```
#55bef1
```
#55bef1 rgb(85,190,241)
```
#55b1f1
```
#55b1f1 rgb(85,177,241)
```

Similar Colors

Text with hexadecimal color #55d8f1

This text has a font color of #55d8f1.

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

#55d8f1 background color

This paragraph has a background color of #55d8f1.

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

#55d8f1 border color

This element has a border color of #55d8f1.

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

CSS codes

.text {color:#55d8f1;}

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

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

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, #010a0b is the darkest color, while #f8fdfe is the lightest one.

#010a0b
```
#010a0b rgb(1,10,11)
```
#02191d
```
#02191d rgb(2,25,29)
```
#04282f
```
#04282f rgb(4,40,47)
```
#053842
```
#053842 rgb(5,56,66)
```
#074754
```
#074754 rgb(7,71,84)
```
#085766
```
#085766 rgb(8,87,102)
```
#0a6678
```
#0a6678 rgb(10,102,120)
```
#0b768a
```
#0b768a rgb(11,118,138)
```
#0d859c
```
#0d859c rgb(13,133,156)
```
#0e95ae
```
#0e95ae rgb(14,149,174)
```
#10a4c0
```
#10a4c0 rgb(16,164,192)
```
#11b4d3
```
#11b4d3 rgb(17,180,211)
```
#13c3e5
```
#13c3e5 rgb(19,195,229)
```

Shade Color Variation

#1fcced
```
#1fcced rgb(31,204,237)
```
#31d0ee
```
#31d0ee rgb(49,208,238)
```
#43d4f0
```
#43d4f0 rgb(67,212,240)
```
#55d8f1
```
#55d8f1 rgb(85,216,241)
```
#67dcf2
```
#67dcf2 rgb(103,220,242)
```
#79e0f4
```
#79e0f4 rgb(121,224,244)
```
#8be4f5
```
#8be4f5 rgb(139,228,245)
```
#9de9f7
```
#9de9f7 rgb(157,233,247)
```
#b0edf8
```
#b0edf8 rgb(176,237,248)
```
#c2f1fa
```
#c2f1fa rgb(194,241,250)
```
#d4f5fb
```
#d4f5fb rgb(212,245,251)
```
#e6f9fd
```
#e6f9fd rgb(230,249,253)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#9ca8aa
```
#9ca8aa rgb(156,168,170)
```
#95adb1
```
#95adb1 rgb(149,173,177)
```
#8eb2b8
```
#8eb2b8 rgb(142,178,184)
```
#87b6bf
```
#87b6bf rgb(135,182,191)
```
#7fbbc7
```
#7fbbc7 rgb(127,187,199)
```
#78c0ce
```
#78c0ce rgb(120,192,206)
```
#71c5d5
```
#71c5d5 rgb(113,197,213)
```
#6acadc
```
#6acadc rgb(106,202,220)
```
#63cee3
```
#63cee3 rgb(99,206,227)
```
#5cd3ea
```
#5cd3ea rgb(92,211,234)
```
#55d8f1
```
#55d8f1 rgb(85,216,241)
```
#4eddf8
```
#4eddf8 rgb(78,221,248)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a1bbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c8e7 Protanopia 1% of men
#c3c6f9 Deuteranopia 1% of men
#59dbeb Tritanopia 0.001% of the population

Trichromacy

#9bceea Protanomaly 1% of men, 0.01% of women
#9bcdf6 Deuteranomaly 6% of men, 0.4% of women
#57daed Tritanomaly 0.01% of the population

#55d8f1 hex color

#55d8f1 Color Information

#55d8f1 Color Conversion

Color Schemes with #55d8f1

Alternatives to #55d8f1

#55d8f1 Preview

Shades and Tints of #55d8f1

Tones of #55d8f1

Color Blindness Simulator