Petit Four Color — #7FBAD1: Codes, Palettes & Contrast
Petit Four (#7FBAD1) color codes in RGB, HSL, and OKLCH, the most readable text color on it, WCAG contrast ratios against white and black, and matching color palettes.
Petit Four is a named blue color, ready to use anywhere you need it.
Petit Four#7FBAD1
Petit Four color codes
| HEX | #7FBAD1 |
|---|---|
| RGB | rgb(127, 186, 209) |
| HSL | hsl(197, 47%, 66%) |
| OKLCH | oklch(0.757 0.069 224.4) |
Browse more blue colors.
Readable text on Petit Four
Black text (#000000) has the higher contrast against this background: 9.85:1.
| Text color | Ratio | Normal text AA | Normal text AAA |
|---|---|---|---|
| Black | 9.85:1 | Pass | Pass |
| White | 2.13:1 | Fail | Fail |
Normal text requires at least 4.5:1 for WCAG AA and 7:1 for AAA. Check another combination.