#7BBAD2 - Petit Four
Hex color #7BBAD2 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 197° hue, 49% 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 | #7BBAD2 | #7BBAD2 |
| HEXA | #7BBAD2FF | #7BBAD2FF |
| RGB | 123, 186, 210 | rgb(123, 186, 210) |
| RGBA | 123, 186, 210, 1 | rgba(123, 186, 210, 1) |
| HSL | 197%, 49%, 65% | hsl(197%, 49%, 65%) |
| CMYK | 41%, 11%, 0%, 18% | cmyk(41%, 11%, 0%, 18%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 65% (light) | — |
Negative color
The color opposite to #7BBAD2 is #84452D.
Preview on black and white
As #7BBAD2 has 65% lightness, this color is light, so it has more contrast with black.
#7BBAD2 On White Background
#7BBAD2
#7BBAD2
Text Color
This is how text looks with this color.
#7BBAD2 On Black Background
#7BBAD2
#7BBAD2
Text Color
This is how text looks with this color.
Transform color
123, 186, 210rgb(123, 186, 210)