Soothing Sapphire Color — #307DD3: Codes, Palettes & Contrast
Soothing Sapphire (#307DD3) 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.
Soothing Sapphire is a named blue color, ready to use anywhere you need it.
Soothing Sapphire#307DD3
Soothing Sapphire color codes
| HEX | #307DD3 |
|---|---|
| RGB | rgb(48, 125, 211) |
| HSL | hsl(212, 65%, 51%) |
| OKLCH | oklch(0.586 0.152 253.9) |
Browse more blue colors.
Readable text on Soothing Sapphire
Black text (#000000) has the higher contrast against this background: 5.00:1.
| Text color | Ratio | Normal text AA | Normal text AAA |
|---|---|---|---|
| Black | 5:1 | Pass | Fail |
| White | 4.2:1 | Fail | Fail |
Normal text requires at least 4.5:1 for WCAG AA and 7:1 for AAA. Check another combination.