#100C40 Color

#100C40 is rgb(16, 12, 64) in RGB and hsl(245, 68%, 15%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#100C40

HEX#100C40

RGBrgb(16, 12, 64)

HSLhsl(245, 68%, 15%)

HSVhsv(245, 81%, 25%)

OKLCHoklch(20.4% 0.094 277.5)

CMYKcmyk(75%, 81%, 0%, 75%)

Text Contrast & Accessibility

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

TextWhite text18.28:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#100C40 Complementary#3C400C Analogous#0C2240 Analogous#2B0C40 Triadic#40110C Triadic#0C4011

Tints & Shades

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

Tints

#1E1674 #2B20A7 #3B2DD7 #675CE0 #9790EA #C7C3F4

Shades

#0E0B38 #0D0A33 #0B082B #0A0727 #08061E #07051A

Use #100C40 in Our Tools

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