#7BBAD0 - Petit Four
Hex color #7BBAD0 is called Petit Four. It consists of 48% red, 73% green, and 82% blue in RGB color space. In CMYK it is 41% cyan, 11% magenta, 0% yellow, and 18% black. In HSL it is 196° hue, 47% saturation, and 65% 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 | Petit Four | — |
| HEX | #7BBAD0 | #7BBAD0 |
| HEXA | #7BBAD0FF | #7BBAD0FF |
| RGB | 123, 186, 208 | rgb(123, 186, 208) |
| RGBA | 123, 186, 208, 1 | rgba(123, 186, 208, 1) |
| HSL | 196%, 47%, 65% | hsl(196%, 47%, 65%) |
| CMYK | 41%, 11%, 0%, 18% | cmyk(41%, 11%, 0%, 18%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 65% (light) | — |
Negative color
The color opposite to #7BBAD0 is #84452F.
Preview on black and white
As #7BBAD0 has 65% lightness, this color is light, so it has more contrast with black.
#7BBAD0 On White Background
#7BBAD0
#7BBAD0
Text Color
This is how text looks with this color.
#7BBAD0 On Black Background
#7BBAD0
#7BBAD0
Text Color
This is how text looks with this color.
Transform color
123, 186, 208rgb(123, 186, 208)