#89D1E2 - Piccolo
Hex color #89D1E2 is called Piccolo. It consists of 54% red, 82% green, and 89% blue in RGB color space. In CMYK it is 39% cyan, 8% magenta, 0% yellow, and 11% black. In HSL it is 191° hue, 61% saturation, and 71% lightness (light) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.
| Property | Value | CSS |
|---|---|---|
| Name | Piccolo | — |
| HEX | #89D1E2 | #89D1E2 |
| HEXA | #89D1E2FF | #89D1E2FF |
| RGB | 137, 209, 226 | rgb(137, 209, 226) |
| RGBA | 137, 209, 226, 1 | rgba(137, 209, 226, 1) |
| HSL | 191%, 61%, 71% | hsl(191%, 61%, 71%) |
| CMYK | 39%, 8%, 0%, 11% | cmyk(39%, 8%, 0%, 11%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 71% (light) | — |
Negative color
The color opposite to #89D1E2 is #762E1D.
Preview on black and white
As #89D1E2 has 71% lightness, this color is light, so it has more contrast with black.
#89D1E2 On White Background
#89D1E2
#89D1E2
Text Color
This is how text looks with this color.
#89D1E2 On Black Background
#89D1E2
#89D1E2
Text Color
This is how text looks with this color.
Transform color
137, 209, 226rgb(137, 209, 226)