#300774 Color

#300774 is rgb(48, 7, 116) in RGB and hsl(263, 89%, 24%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#300774

HEX#300774

RGBrgb(48, 7, 116)

HSLhsl(263, 89%, 24%)

HSVhsv(263, 94%, 45%)

OKLCHoklch(29.4% 0.159 288.7)

CMYKcmyk(59%, 94%, 0%, 55%)

Text Contrast & Accessibility

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

TextWhite text14.91:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.41:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#300774 Complementary#4A7407 Analogous#071374 Analogous#670774 Triadic#743007 Triadic#077430

Tints & Shades

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

Tints

#470AA9 #5B0DD9 #772BF3 #965BF5 #B890F9 #D7C0FB

Shades

#2A0665 #240557 #1E0448 #1A043F #140330 #0E0222

Use #300774 in Our Tools

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