#55dfda hex color

In a RGB color space, hex #55dfda is composed of 33.3% red, 87.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 2.2% yellow and 12.5% black. It has a hue angle of 177.8 degrees, a saturation of 68.3% and a lightness of 60.4%. #55dfda color hex could be obtained by blending #aaffff with #00bfb5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 87
- B 85
RGB color chart
- C 62
- M 0
- Y 2
- K 13
CMYK color chart

● #55dfda color description : Soft cyan.

The hexadecimal color #55dfda has RGB values of R:85, G:223, B:218 and CMYK values of C:0.62, M:0, Y:0.02, K:0.13. Its decimal value is 5627866.

Hex triplet	55dfda	`#55dfda`
RGB Decimal	85, 223, 218	`rgb(85,223,218)`
RGB Percent	33.3, 87.5, 85.5	`rgb(33.3%,87.5%,85.5%)`
CMYK	62, 0, 2, 13
HSL	177.8°, 68.3, 60.4	`hsl(177.8,68.3%,60.4%)`
HSV (or HSB)	177.8°, 61.9, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.71, -37.969, -8.639
XYZ	42.785, 59.765, 75.607
xyY	0.24, 0.335, 59.765
CIE-LCH	81.71, 38.939, 192.818
CIE-LUV	81.71, -54.253, -7.5
Hunter-Lab	77.308, -36.5, -3.87
Binary	01010101, 11011111, 11011010

#55dfda
```
#55dfda rgb(85,223,218)
```
#df555a
```
#df555a rgb(223,85,90)
```

Complementary Color

#55df95
```
#55df95 rgb(85,223,149)
```
#55dfda
```
#55dfda rgb(85,223,218)
```
#559fdf
```
#559fdf rgb(85,159,223)
```

Analogous Color

#df9555
```
#df9555 rgb(223,149,85)
```
#55dfda
```
#55dfda rgb(85,223,218)
```
#df559f
```
#df559f rgb(223,85,159)
```

Split Complementary Color

#dfda55
```
#dfda55 rgb(223,218,85)
```
#55dfda
```
#55dfda rgb(85,223,218)
```
#da55df
```
#da55df rgb(218,85,223)
```

Triadic Color

#5adf55
```
#5adf55 rgb(90,223,85)
```
#55dfda
```
#55dfda rgb(85,223,218)
```
#da55df
```
#da55df rgb(218,85,223)
```
#df555a
```
#df555a rgb(223,85,90)
```

Tetradic Color

#25c3bd
```
#25c3bd rgb(37,195,189)
```
#2ad7d1
```
#2ad7d1 rgb(42,215,209)
```
#40dbd5
```
#40dbd5 rgb(64,219,213)
```
#55dfda
```
#55dfda rgb(85,223,218)
```
#6ae3df
```
#6ae3df rgb(106,227,223)
```
#80e7e3
```
#80e7e3 rgb(128,231,227)
```
#95ebe8
```
#95ebe8 rgb(149,235,232)
```

Monochromatic Color

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

#55dfb8
```
#55dfb8 rgb(85,223,184)
```
#55dfc3
```
#55dfc3 rgb(85,223,195)
```
#55dfcf
```
#55dfcf rgb(85,223,207)
```
#55dfda
```
#55dfda rgb(85,223,218)
```
#55d9df
```
#55d9df rgb(85,217,223)
```
#55cddf
```
#55cddf rgb(85,205,223)
```
#55c2df
```
#55c2df rgb(85,194,223)
```

Similar Colors

Text with hexadecimal color #55dfda

This text has a font color of #55dfda.

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

#55dfda background color

This paragraph has a background color of #55dfda.

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

#55dfda border color

This element has a border color of #55dfda.

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

CSS codes

.text {color:#55dfda;}

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

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

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, #020c0b is the darkest color, while #fafefe is the lightest one.

#020c0b
```
#020c0b rgb(2,12,11)
```
#051c1b
```
#051c1b rgb(5,28,27)
```
#082d2b
```
#082d2b rgb(8,45,43)
```
#0c3d3b
```
#0c3d3b rgb(12,61,59)
```
#0f4e4b
```
#0f4e4b rgb(15,78,75)
```
#125e5b
```
#125e5b rgb(18,94,91)
```
#156f6b
```
#156f6b rgb(21,111,107)
```
#187f7b
```
#187f7b rgb(24,127,123)
```
#1b908b
```
#1b908b rgb(27,144,139)
```
#1ea09b
```
#1ea09b rgb(30,160,155)
```
#21b1ab
```
#21b1ab rgb(33,177,171)
```
#24c1bb
```
#24c1bb rgb(36,193,187)
```
#27d2cc
```
#27d2cc rgb(39,210,204)
```

Shade Color Variation

#34d9d3
```
#34d9d3 rgb(52,217,211)
```
#44dcd6
```
#44dcd6 rgb(68,220,214)
```
#55dfda
```
#55dfda rgb(85,223,218)
```
#66e2de
```
#66e2de rgb(102,226,222)
```
#76e5e1
```
#76e5e1 rgb(118,229,225)
```
#87e8e5
```
#87e8e5 rgb(135,232,229)
```
#97ebe8
```
#97ebe8 rgb(151,235,232)
```
#a8efec
```
#a8efec rgb(168,239,236)
```
#b8f2f0
```
#b8f2f0 rgb(184,242,240)
```
#c9f5f3
```
#c9f5f3 rgb(201,245,243)
```
#d9f8f7
```
#d9f8f7 rgb(217,248,247)
```
#eafbfa
```
#eafbfa rgb(234,251,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93a1a0 is the less saturated color, while #36fef7 is the most saturated one.

#93a1a0
```
#93a1a0 rgb(147,161,160)
```
#8ba9a8
```
#8ba9a8 rgb(139,169,168)
```
#84b0af
```
#84b0af rgb(132,176,175)
```
#7cb8b6
```
#7cb8b6 rgb(124,184,182)
```
#74c0bd
```
#74c0bd rgb(116,192,189)
```
#6cc8c4
```
#6cc8c4 rgb(108,200,196)
```
#65cfcc
```
#65cfcc rgb(101,207,204)
```
#5dd7d3
```
#5dd7d3 rgb(93,215,211)
```
#55dfda
```
#55dfda rgb(85,223,218)
```
#4de7e1
```
#4de7e1 rgb(77,231,225)
```
#45efe8
```
#45efe8 rgb(69,239,232)
```
#3ef6f0
```
#3ef6f0 rgb(62,246,240)
```
#36fef7
```
#36fef7 rgb(54,254,247)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a2bdbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ccd0 Protanopia 1% of men
#d5c8e4 Deuteranopia 1% of men
#68ddee Tritanopia 0.001% of the population

Trichromacy

#a3d3d4 Protanomaly 1% of men, 0.01% of women
#a6d0e0 Deuteranomaly 6% of men, 0.4% of women
#61dee6 Tritanomaly 0.01% of the population

#55dfda hex color

#55dfda Color Information

#55dfda Color Conversion

Color Schemes with #55dfda

Alternatives to #55dfda

#55dfda Preview

Shades and Tints of #55dfda

Tones of #55dfda

Color Blindness Simulator