#55cdf8 hex color

In a RGB color space, hex #55cdf8 is composed of 33.3% red, 80.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 17.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 195.8 degrees, a saturation of 92.1% and a lightness of 65.3%. #55cdf8 color hex could be obtained by blending #aaffff with #009bf1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 80
- B 97
RGB color chart
- C 66
- M 17
- Y 0
- K 3
CMYK color chart

● #55cdf8 color description : Soft blue.

The hexadecimal color #55cdf8 has RGB values of R:85, G:205, B:248 and CMYK values of C:0.66, M:0.17, Y:0, K:0.03. Its decimal value is 5623288.

Hex triplet	55cdf8	`#55cdf8`
RGB Decimal	85, 205, 248	`rgb(85,205,248)`
RGB Percent	33.3, 80.4, 97.3	`rgb(33.3%,80.4%,97.3%)`
CMYK	66, 17, 0, 3
HSL	195.8°, 92.1, 65.3	`hsl(195.8,92.1%,65.3%)`
HSV (or HSB)	195.8°, 65.7, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.5, -20.626, -31.016
XYZ	42.516, 52.368, 96.669
xyY	0.222, 0.273, 52.368
CIE-LCH	77.5, 37.248, 236.376
CIE-LUV	77.5, -46.072, -47.137
Hunter-Lab	72.366, -21.767, -28.546
Binary	01010101, 11001101, 11111000

#55cdf8
```
#55cdf8 rgb(85,205,248)
```
#f88055
```
#f88055 rgb(248,128,85)
```

Complementary Color

#55f8d2
```
#55f8d2 rgb(85,248,210)
```
#55cdf8
```
#55cdf8 rgb(85,205,248)
```
#557cf8
```
#557cf8 rgb(85,124,248)
```

Analogous Color

#f8d255
```
#f8d255 rgb(248,210,85)
```
#55cdf8
```
#55cdf8 rgb(85,205,248)
```
#f8557c
```
#f8557c rgb(248,85,124)
```

Split Complementary Color

#cdf855
```
#cdf855 rgb(205,248,85)
```
#55cdf8
```
#55cdf8 rgb(85,205,248)
```
#f855cd
```
#f855cd rgb(248,85,205)
```

Triadic Color

#55f880
```
#55f880 rgb(85,248,128)
```
#55cdf8
```
#55cdf8 rgb(85,205,248)
```
#f855cd
```
#f855cd rgb(248,85,205)
```
#f88055
```
#f88055 rgb(248,128,85)
```

Tetradic Color

#0cb7f5
```
#0cb7f5 rgb(12,183,245)
```
#24bff6
```
#24bff6 rgb(36,191,246)
```
#3dc6f7
```
#3dc6f7 rgb(61,198,247)
```
#55cdf8
```
#55cdf8 rgb(85,205,248)
```
#6dd4f9
```
#6dd4f9 rgb(109,212,249)
```
#86dbfa
```
#86dbfa rgb(134,219,250)
```
#9ee3fb
```
#9ee3fb rgb(158,227,251)
```

Monochromatic Color

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

#55f6f8
```
#55f6f8 rgb(85,246,248)
```
#55e8f8
```
#55e8f8 rgb(85,232,248)
```
#55dbf8
```
#55dbf8 rgb(85,219,248)
```
#55cdf8
```
#55cdf8 rgb(85,205,248)
```
#55bff8
```
#55bff8 rgb(85,191,248)
```
#55b2f8
```
#55b2f8 rgb(85,178,248)
```
#55a4f8
```
#55a4f8 rgb(85,164,248)
```

Similar Colors

Text with hexadecimal color #55cdf8

This text has a font color of #55cdf8.

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

#55cdf8 background color

This paragraph has a background color of #55cdf8.

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

#55cdf8 border color

This element has a border color of #55cdf8.

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

CSS codes

.text {color:#55cdf8;}

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

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

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

#010e12
```
#010e12 rgb(1,14,18)
```
#021c25
```
#021c25 rgb(2,28,37)
```
#022a38
```
#022a38 rgb(2,42,56)
```
#03384b
```
#03384b rgb(3,56,75)
```
#04465e
```
#04465e rgb(4,70,94)
```
#055471
```
#055471 rgb(5,84,113)
```
#056283
```
#056283 rgb(5,98,131)
```
#067096
```
#067096 rgb(6,112,150)
```
#077ea9
```
#077ea9 rgb(7,126,169)
```
#088cbc
```
#088cbc rgb(8,140,188)
```
#099acf
```
#099acf rgb(9,154,207)
```
#09a9e2
```
#09a9e2 rgb(9,169,226)
```
#0ab7f4
```
#0ab7f4 rgb(10,183,244)
```

Shade Color Variation

#1cbcf6
```
#1cbcf6 rgb(28,188,246)
```
#2fc2f6
```
#2fc2f6 rgb(47,194,246)
```
#42c7f7
```
#42c7f7 rgb(66,199,247)
```
#55cdf8
```
#55cdf8 rgb(85,205,248)
```
#68d3f9
```
#68d3f9 rgb(104,211,249)
```
#7bd8fa
```
#7bd8fa rgb(123,216,250)
```
#8edefa
```
#8edefa rgb(142,222,250)
```
#a0e3fb
```
#a0e3fb rgb(160,227,251)
```
#b3e9fc
```
#b3e9fc rgb(179,233,252)
```
#c6eefd
```
#c6eefd rgb(198,238,253)
```
#d9f4fd
```
#d9f4fd rgb(217,244,253)
```
#ecf9fe
```
#ecf9fe rgb(236,249,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a0aaad
```
#a0aaad rgb(160,170,173)
```
#99adb4
```
#99adb4 rgb(153,173,180)
```
#92b0bb
```
#92b0bb rgb(146,176,187)
```
#8bb3c2
```
#8bb3c2 rgb(139,179,194)
```
#85b6c8
```
#85b6c8 rgb(133,182,200)
```
#7ebacf
```
#7ebacf rgb(126,186,207)
```
#77bdd6
```
#77bdd6 rgb(119,189,214)
```
#70c0dd
```
#70c0dd rgb(112,192,221)
```
#69c3e4
```
#69c3e4 rgb(105,195,228)
```
#63c7ea
```
#63c7ea rgb(99,199,234)
```
#5ccaf1
```
#5ccaf1 rgb(92,202,241)
```
#55cdf8
```
#55cdf8 rgb(85,205,248)
```
#4ed0ff
```
#4ed0ff rgb(78,208,255)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9cb4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c0ee Protanopia 1% of men
#b1c0fe Deuteranopia 1% of men
#4ed3e2 Tritanopia 0.001% of the population

Trichromacy

#93c5f2 Protanomaly 1% of men, 0.01% of women
#8fc4fc Deuteranomaly 6% of men, 0.4% of women
#50d1ea Tritanomaly 0.01% of the population

#55cdf8 hex color

#55cdf8 Color Information

#55cdf8 Color Conversion

Color Schemes with #55cdf8

Alternatives to #55cdf8

#55cdf8 Preview

Shades and Tints of #55cdf8

Tones of #55cdf8

Color Blindness Simulator