#55f4fd hex color

In a RGB color space, hex #55f4fd is composed of 33.3% red, 95.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 3.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 183.2 degrees, a saturation of 97.7% and a lightness of 66.3%. #55f4fd color hex could be obtained by blending #aaffff with #00e9fb. Closest websafe color is: #66ffff.

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

● #55f4fd color description : Soft cyan.

The hexadecimal color #55f4fd has RGB values of R:85, G:244, B:253 and CMYK values of C:0.66, M:0.04, Y:0, K:0.01. Its decimal value is 5633277.

Hex triplet	55f4fd	`#55f4fd`
RGB Decimal	85, 244, 253	`rgb(85,244,253)`
RGB Percent	33.3, 95.7, 99.2	`rgb(33.3%,95.7%,99.2%)`
CMYK	66, 4, 0, 1
HSL	183.2°, 97.7, 66.3	`hsl(183.2,97.7%,66.3%)`
HSV (or HSB)	183.2°, 66.4, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.79, -38.022, -16.491
XYZ	53.821, 73.72, 104.316
xyY	0.232, 0.318, 73.72
CIE-LCH	88.79, 41.444, 203.448
CIE-LUV	88.79, -59.609, -20.52
Hunter-Lab	85.86, -38.363, -11.932
Binary	01010101, 11110100, 11111101

#55f4fd
```
#55f4fd rgb(85,244,253)
```
#fd5e55
```
#fd5e55 rgb(253,94,85)
```

Complementary Color

#55fdb2
```
#55fdb2 rgb(85,253,178)
```
#55f4fd
```
#55f4fd rgb(85,244,253)
```
#55a0fd
```
#55a0fd rgb(85,160,253)
```

Analogous Color

#fdb255
```
#fdb255 rgb(253,178,85)
```
#55f4fd
```
#55f4fd rgb(85,244,253)
```
#fd55a0
```
#fd55a0 rgb(253,85,160)
```

Split Complementary Color

#f4fd55
```
#f4fd55 rgb(244,253,85)
```
#55f4fd
```
#55f4fd rgb(85,244,253)
```
#fd55f4
```
#fd55f4 rgb(253,85,244)
```

Triadic Color

#55fd5e
```
#55fd5e rgb(85,253,94)
```
#55f4fd
```
#55f4fd rgb(85,244,253)
```
#fd55f4
```
#fd55f4 rgb(253,85,244)
```
#fd5e55
```
#fd5e55 rgb(253,94,85)
```

Tetradic Color

#09effc
```
#09effc rgb(9,239,252)
```
#23f1fc
```
#23f1fc rgb(35,241,252)
```
#3cf2fd
```
#3cf2fd rgb(60,242,253)
```
#55f4fd
```
#55f4fd rgb(85,244,253)
```
#6ef6fd
```
#6ef6fd rgb(110,246,253)
```
#87f7fe
```
#87f7fe rgb(135,247,254)
```
#a1f9fe
```
#a1f9fe rgb(161,249,254)
```

Monochromatic Color

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

#55fddc
```
#55fddc rgb(85,253,220)
```
#55fdea
```
#55fdea rgb(85,253,234)
```
#55fdf8
```
#55fdf8 rgb(85,253,248)
```
#55f4fd
```
#55f4fd rgb(85,244,253)
```
#55e6fd
```
#55e6fd rgb(85,230,253)
```
#55d8fd
```
#55d8fd rgb(85,216,253)
```
#55cafd
```
#55cafd rgb(85,202,253)
```

Similar Colors

Text with hexadecimal color #55f4fd

This text has a font color of #55f4fd.

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

#55f4fd background color

This paragraph has a background color of #55f4fd.

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

#55f4fd border color

This element has a border color of #55f4fd.

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

CSS codes

.text {color:#55f4fd;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001718
```
#001718 rgb(0,23,24)
```
#01292b
```
#01292b rgb(1,41,43)
```
#013b3f
```
#013b3f rgb(1,59,63)
```
#014e52
```
#014e52 rgb(1,78,82)
```
#016065
```
#016065 rgb(1,96,101)
```
#017279
```
#017279 rgb(1,114,121)
```
#02858c
```
#02858c rgb(2,133,140)
```
#0297a0
```
#0297a0 rgb(2,151,160)
```
#02a9b3
```
#02a9b3 rgb(2,169,179)
```
#02bcc6
```
#02bcc6 rgb(2,188,198)
```
#03ceda
```
#03ceda rgb(3,206,218)
```
#03e1ed
```
#03e1ed rgb(3,225,237)
```

Shade Color Variation

#07effc
```
#07effc rgb(7,239,252)
```
#1bf0fc
```
#1bf0fc rgb(27,240,252)
```
#2ef1fd
```
#2ef1fd rgb(46,241,253)
```
#42f3fd
```
#42f3fd rgb(66,243,253)
```
#55f4fd
```
#55f4fd rgb(85,244,253)
```
#68f5fd
```
#68f5fd rgb(104,245,253)
```
#7cf7fd
```
#7cf7fd rgb(124,247,253)
```
#8ff8fe
```
#8ff8fe rgb(143,248,254)
```
#a3f9fe
```
#a3f9fe rgb(163,249,254)
```
#b6fafe
```
#b6fafe rgb(182,250,254)
```
#c9fcfe
```
#c9fcfe rgb(201,252,254)
```
#ddfdff
```
#ddfdff rgb(221,253,255)
```
#f0feff
```
#f0feff rgb(240,254,255)
```

Tint Color Variation

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

#a4adae
```
#a4adae rgb(164,173,174)
```
#9eb3b4
```
#9eb3b4 rgb(158,179,180)
```
#97b9bb
```
#97b9bb rgb(151,185,187)
```
#91bfc1
```
#91bfc1 rgb(145,191,193)
```
#8ac5c8
```
#8ac5c8 rgb(138,197,200)
```
#83cbcf
```
#83cbcf rgb(131,203,207)
```
#7dd1d5
```
#7dd1d5 rgb(125,209,213)
```
#76d6dc
```
#76d6dc rgb(118,214,220)
```
#6fdce3
```
#6fdce3 rgb(111,220,227)
```
#69e2e9
```
#69e2e9 rgb(105,226,233)
```
#62e8f0
```
#62e8f0 rgb(98,232,240)
```
#5ceef6
```
#5ceef6 rgb(92,238,246)
```
#55f4fd
```
#55f4fd rgb(85,244,253)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#afced0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdff0 Protanopia 1% of men
#e1dcff Deuteranopia 1% of men
#87f0ff Tritanopia 0.001% of the population

Trichromacy

#ade6f5 Protanomaly 1% of men, 0.01% of women
#aee5fe Deuteranomaly 6% of men, 0.4% of women
#75f1fe Tritanomaly 0.01% of the population

#55f4fd hex color

#55f4fd Color Information

#55f4fd Color Conversion

Color Schemes with #55f4fd

Alternatives to #55f4fd

#55f4fd Preview

Shades and Tints of #55f4fd

Tones of #55f4fd

Color Blindness Simulator