#55bfde hex color

In a RGB color space, hex #55bfde is composed of 33.3% red, 74.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 14% magenta, 0% yellow and 12.9% black. It has a hue angle of 193.6 degrees, a saturation of 67.5% and a lightness of 60.2%. #55bfde color hex could be obtained by blending #aaffff with #007fbd. Closest websafe color is: #66cccc.

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

● #55bfde color description : Soft cyan.

The hexadecimal color #55bfde has RGB values of R:85, G:191, B:222 and CMYK values of C:0.62, M:0.14, Y:0, K:0.13. Its decimal value is 5619678.

Hex triplet	55bfde	`#55bfde`
RGB Decimal	85, 191, 222	`rgb(85,191,222)`
RGB Percent	33.3, 74.9, 87.1	`rgb(33.3%,74.9%,87.1%)`
CMYK	62, 14, 0, 13
HSL	193.6°, 67.5, 60.2	`hsl(193.6,67.5%,60.2%)`
HSV (or HSB)	193.6°, 61.7, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.538, -21.349, -24.614
XYZ	35.558, 44.464, 75.812
xyY	0.228, 0.285, 44.464
CIE-LCH	72.538, 32.583, 229.062
CIE-LUV	72.538, -42.334, -35.85
Hunter-Lab	66.681, -21.506, -20.731
Binary	01010101, 10111111, 11011110

#55bfde
```
#55bfde rgb(85,191,222)
```
#de7455
```
#de7455 rgb(222,116,85)
```

Complementary Color

#55deb9
```
#55deb9 rgb(85,222,185)
```
#55bfde
```
#55bfde rgb(85,191,222)
```
#557bde
```
#557bde rgb(85,123,222)
```

Analogous Color

#deb955
```
#deb955 rgb(222,185,85)
```
#55bfde
```
#55bfde rgb(85,191,222)
```
#de557b
```
#de557b rgb(222,85,123)
```

Split Complementary Color

#bfde55
```
#bfde55 rgb(191,222,85)
```
#55bfde
```
#55bfde rgb(85,191,222)
```
#de55bf
```
#de55bf rgb(222,85,191)
```

Triadic Color

#55de74
```
#55de74 rgb(85,222,116)
```
#55bfde
```
#55bfde rgb(85,191,222)
```
#de55bf
```
#de55bf rgb(222,85,191)
```
#de7455
```
#de7455 rgb(222,116,85)
```

Tetradic Color

#259ec1
```
#259ec1 rgb(37,158,193)
```
#2aafd6
```
#2aafd6 rgb(42,175,214)
```
#40b7da
```
#40b7da rgb(64,183,218)
```
#55bfde
```
#55bfde rgb(85,191,222)
```
#6ac7e2
```
#6ac7e2 rgb(106,199,226)
```
#80cfe6
```
#80cfe6 rgb(128,207,230)
```
#95d7ea
```
#95d7ea rgb(149,215,234)
```

Monochromatic Color

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

#55dedb
```
#55dedb rgb(85,222,219)
```
#55d6de
```
#55d6de rgb(85,214,222)
```
#55cade
```
#55cade rgb(85,202,222)
```
#55bfde
```
#55bfde rgb(85,191,222)
```
#55b4de
```
#55b4de rgb(85,180,222)
```
#55a8de
```
#55a8de rgb(85,168,222)
```
#559dde
```
#559dde rgb(85,157,222)
```

Similar Colors

Text with hexadecimal color #55bfde

This text has a font color of #55bfde.

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

#55bfde background color

This paragraph has a background color of #55bfde.

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

#55bfde border color

This element has a border color of #55bfde.

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

CSS codes

.text {color:#55bfde;}

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

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

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, #02090b is the darkest color, while #f9fdfe is the lightest one.

#02090b
```
#02090b rgb(2,9,11)
```
#05161b
```
#05161b rgb(5,22,27)
```
#08242c
```
#08242c rgb(8,36,44)
```
#0c313c
```
#0c313c rgb(12,49,60)
```
#0f3e4c
```
#0f3e4c rgb(15,62,76)
```
#124c5d
```
#124c5d rgb(18,76,93)
```
#15596d
```
#15596d rgb(21,89,109)
```
#18677e
```
#18677e rgb(24,103,126)
```
#1c748e
```
#1c748e rgb(28,116,142)
```
#1f829f
```
#1f829f rgb(31,130,159)
```
#228faf
```
#228faf rgb(34,143,175)
```
#259cbf
```
#259cbf rgb(37,156,191)
```
#28aad0
```
#28aad0 rgb(40,170,208)
```

Shade Color Variation

#34b3d8
```
#34b3d8 rgb(52,179,216)
```
#45b9db
```
#45b9db rgb(69,185,219)
```
#55bfde
```
#55bfde rgb(85,191,222)
```
#65c5e1
```
#65c5e1 rgb(101,197,225)
```
#76cbe4
```
#76cbe4 rgb(118,203,228)
```
#86d2e8
```
#86d2e8 rgb(134,210,232)
```
#97d8eb
```
#97d8eb rgb(151,216,235)
```
#a7deee
```
#a7deee rgb(167,222,238)
```
#b8e4f1
```
#b8e4f1 rgb(184,228,241)
```
#c8eaf4
```
#c8eaf4 rgb(200,234,244)
```
#d8f0f8
```
#d8f0f8 rgb(216,240,248)
```
#e9f7fb
```
#e9f7fb rgb(233,247,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#939da0
```
#939da0 rgb(147,157,160)
```
#8ca1a7
```
#8ca1a7 rgb(140,161,167)
```
#84a5af
```
#84a5af rgb(132,165,175)
```
#7caab7
```
#7caab7 rgb(124,170,183)
```
#74aebf
```
#74aebf rgb(116,174,191)
```
#6cb2c7
```
#6cb2c7 rgb(108,178,199)
```
#65b6ce
```
#65b6ce rgb(101,182,206)
```
#5dbbd6
```
#5dbbd6 rgb(93,187,214)
```
#55bfde
```
#55bfde rgb(85,191,222)
```
#4dc3e6
```
#4dc3e6 rgb(77,195,230)
```
#45c8ee
```
#45c8ee rgb(69,200,238)
```
#3eccf5
```
#3eccf5 rgb(62,204,245)
```
#36d0fd
```
#36d0fd rgb(54,208,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#93a9af Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb4d6 Protanopia 1% of men
#abb3e5 Deuteranopia 1% of men
#56c4d2 Tritanopia 0.001% of the population

Trichromacy

#8db8d9 Protanomaly 1% of men, 0.01% of women
#8cb7e2 Deuteranomaly 6% of men, 0.4% of women
#55c2d6 Tritanomaly 0.01% of the population

#55bfde hex color

#55bfde Color Information

#55bfde Color Conversion

Color Schemes with #55bfde

Alternatives to #55bfde

#55bfde Preview

Shades and Tints of #55bfde

Tones of #55bfde

Color Blindness Simulator