#55acff hex color

In a RGB color space, hex #55acff is composed of 33.3% red, 67.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 32.5% magenta, 0% yellow and 0% black. It has a hue angle of 209.3 degrees, a saturation of 100% and a lightness of 66.7%. #55acff color hex could be obtained by blending #aaffff with #0059ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 67
- B 100
RGB color chart
- C 67
- M 33
- Y 0
- K 0
CMYK color chart

● #55acff color description : Light blue.

The hexadecimal color #55acff has RGB values of R:85, G:172, B:255 and CMYK values of C:0.67, M:0.33, Y:0, K:0. Its decimal value is 5614847.

Hex triplet	55acff	`#55acff`
RGB Decimal	85, 172, 255	`rgb(85,172,255)`
RGB Percent	33.3, 67.5, 100	`rgb(33.3%,67.5%,100%)`
CMYK	67, 33, 0, 0
HSL	209.3°, 100, 66.7	`hsl(209.3,100%,66.7%)`
HSV (or HSB)	209.3°, 66.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.5, -0.644, -48.806
XYZ	36.545, 38.654, 100.137
xyY	0.208, 0.22, 38.654
CIE-LCH	68.5, 48.81, 269.244
CIE-LUV	68.5, -34.185, -79.135
Hunter-Lab	62.172, -3.879, -51.975
Binary	01010101, 10101100, 11111111

#55acff
```
#55acff rgb(85,172,255)
```
#ffa855
```
#ffa855 rgb(255,168,85)
```

Complementary Color

#55fffd
```
#55fffd rgb(85,255,253)
```
#55acff
```
#55acff rgb(85,172,255)
```
#5557ff
```
#5557ff rgb(85,87,255)
```

Analogous Color

#fffd55
```
#fffd55 rgb(255,253,85)
```
#55acff
```
#55acff rgb(85,172,255)
```
#ff5557
```
#ff5557 rgb(255,85,87)
```

Split Complementary Color

#acff55
```
#acff55 rgb(172,255,85)
```
#55acff
```
#55acff rgb(85,172,255)
```
#ff55ac
```
#ff55ac rgb(255,85,172)
```

Triadic Color

#55ffa8
```
#55ffa8 rgb(85,255,168)
```
#55acff
```
#55acff rgb(85,172,255)
```
#ff55ac
```
#ff55ac rgb(255,85,172)
```
#ffa855
```
#ffa855 rgb(255,168,85)
```

Tetradic Color

#0887ff
```
#0887ff rgb(8,135,255)
```
#2293ff
```
#2293ff rgb(34,147,255)
```
#3ca0ff
```
#3ca0ff rgb(60,160,255)
```
#55acff
```
#55acff rgb(85,172,255)
```
#6fb8ff
```
#6fb8ff rgb(111,184,255)
```
#88c5ff
```
#88c5ff rgb(136,197,255)
```
#a2d1ff
```
#a2d1ff rgb(162,209,255)
```

Monochromatic Color

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

#55d7ff
```
#55d7ff rgb(85,215,255)
```
#55c8ff
```
#55c8ff rgb(85,200,255)
```
#55baff
```
#55baff rgb(85,186,255)
```
#55acff
```
#55acff rgb(85,172,255)
```
#559eff
```
#559eff rgb(85,158,255)
```
#5590ff
```
#5590ff rgb(85,144,255)
```
#5582ff
```
#5582ff rgb(85,130,255)
```

Similar Colors

Text with hexadecimal color #55acff

This text has a font color of #55acff.

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

#55acff background color

This paragraph has a background color of #55acff.

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

#55acff border color

This element has a border color of #55acff.

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

CSS codes

.text {color:#55acff;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000d1a
```
#000d1a rgb(0,13,26)
```
#00172e
```
#00172e rgb(0,23,46)
```
#002141
```
#002141 rgb(0,33,65)
```
#002c55
```
#002c55 rgb(0,44,85)
```
#003669
```
#003669 rgb(0,54,105)
```
#00407c
```
#00407c rgb(0,64,124)
```
#004a90
```
#004a90 rgb(0,74,144)
```
#0054a3
```
#0054a3 rgb(0,84,163)
```
#005eb7
```
#005eb7 rgb(0,94,183)
```
#0068cb
```
#0068cb rgb(0,104,203)
```
#0072de
```
#0072de rgb(0,114,222)
```
#007cf2
```
#007cf2 rgb(0,124,242)
```

Shade Color Variation

#0786ff
```
#0786ff rgb(7,134,255)
```
#1a8fff
```
#1a8fff rgb(26,143,255)
```
#2e99ff
```
#2e99ff rgb(46,153,255)
```
#41a2ff
```
#41a2ff rgb(65,162,255)
```
#55acff
```
#55acff rgb(85,172,255)
```
#69b6ff
```
#69b6ff rgb(105,182,255)
```
#7cbfff
```
#7cbfff rgb(124,191,255)
```
#90c9ff
```
#90c9ff rgb(144,201,255)
```
#a3d2ff
```
#a3d2ff rgb(163,210,255)
```
#b7dcff
```
#b7dcff rgb(183,220,255)
```
#cbe5ff
```
#cbe5ff rgb(203,229,255)
```
#deefff
```
#deefff rgb(222,239,255)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

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

#a3aab1
```
#a3aab1 rgb(163,170,177)
```
#9daab7
```
#9daab7 rgb(157,170,183)
```
#96aabe
```
#96aabe rgb(150,170,190)
```
#90abc4
```
#90abc4 rgb(144,171,196)
```
#89abcb
```
#89abcb rgb(137,171,203)
```
#83abd1
```
#83abd1 rgb(131,171,209)
```
#7cabd8
```
#7cabd8 rgb(124,171,216)
```
#76abde
```
#76abde rgb(118,171,222)
```
#6fabe5
```
#6fabe5 rgb(111,171,229)
```
#69aceb
```
#69aceb rgb(105,172,235)
```
#62acf2
```
#62acf2 rgb(98,172,242)
```
#5cacf8
```
#5cacf8 rgb(92,172,248)
```
#55acff
```
#55acff rgb(85,172,255)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8d9eaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da8f9 Protanopia 1% of men
#7cabff Deuteranopia 1% of men
#2cbbc9 Tritanopia 0.001% of the population

Trichromacy

#78aafb Protanomaly 1% of men, 0.01% of women
#6eabff Deuteranomaly 6% of men, 0.4% of women
#3ab5dc Tritanomaly 0.01% of the population

#55acff hex color

#55acff Color Information

#55acff Color Conversion

Color Schemes with #55acff

Alternatives to #55acff

#55acff Preview

Shades and Tints of #55acff

Tones of #55acff

Color Blindness Simulator