Dragonfly Color — #314A76: Codes, Palettes & Contrast
Dragonfly (#314A76) 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.
Dragonfly is a named blue color, ready to use anywhere you need it.
Dragonfly#314A76
Dragonfly color codes
| HEX | #314A76 |
|---|---|
| RGB | rgb(49, 74, 118) |
| HSL | hsl(218, 41%, 33%) |
| OKLCH | oklch(0.411 0.080 261.1) |
Browse more blue colors.
Readable text on Dragonfly
White text (#FFFFFF) has the higher contrast against this background: 8.85:1.
| Text color | Ratio | Normal text AA | Normal text AAA |
|---|---|---|---|
| Black | 2.37:1 | Fail | Fail |
| White | 8.85:1 | Pass | Pass |
Normal text requires at least 4.5:1 for WCAG AA and 7:1 for AAA. Check another combination.