#0314CE Color

#0314CE is rgb(3, 20, 206) in RGB and hsl(235, 97%, 41%) in HSL. The closest CSS named color is MediumBlue. White text is most readable on this background.

#0314CE

HEX#0314CE

RGBrgb(3, 20, 206)

HSLhsl(235, 97%, 41%)

HSVhsv(235, 99%, 81%)

OKLCHoklch(39.5% 0.259 264.5)

CMYKcmyk(99%, 90%, 0%, 19%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #0314CE background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text10.53:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #0314CE based on color wheel relationships. Click any swatch for its full breakdown.

Base#0314CE Complementary#CEBD03 Analogous#0379CE Analogous#5803CE Triadic#CE0314 Triadic#14CE03

Tints & Shades

Lighter tints and darker shades of #0314CE, useful for hover states, backgrounds, and text variants.

Tints

#0418F6 #2739FC #4F5EFC #7C87FD #A5ACFE #CDD1FE

Shades

#0312B5 #020F97 #020C7E #020A64 #01074B #01042D

Use #0314CE in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex