#569BC4 - Canadian Tuxedo
Hex color #569BC4 is called Canadian Tuxedo. It consists of 34% red, 61% green, and 77% blue in RGB color space. In CMYK it is 56% cyan, 21% magenta, 0% yellow, and 23% black. In HSL it is 202° hue, 48% saturation, and 55% 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 | Canadian Tuxedo | — |
| HEX | #569BC4 | #569BC4 |
| HEXA | #569BC4FF | #569BC4FF |
| RGB | 86, 155, 196 | rgb(86, 155, 196) |
| RGBA | 86, 155, 196, 1 | rgba(86, 155, 196, 1) |
| HSL | 202%, 48%, 55% | hsl(202%, 48%, 55%) |
| CMYK | 56%, 21%, 0%, 23% | cmyk(56%, 21%, 0%, 23%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 55% (light) | — |
Negative color
The color opposite to #569BC4 is #A9643B.
Preview on black and white
As #569BC4 has 55% lightness, this color is light, so it has more contrast with black.
#569BC4 On White Background
#569BC4
#569BC4
Text Color
This is how text looks with this color.
#569BC4 On Black Background
#569BC4
#569BC4
Text Color
This is how text looks with this color.
Transform color
86, 155, 196rgb(86, 155, 196)