#235ECD Color

#235ECD is rgb(35, 94, 205) in RGB and hsl(219, 71%, 47%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#235ECD

HEX#235ECD

RGBrgb(35, 94, 205)

HSLhsl(219, 71%, 47%)

HSVhsv(219, 83%, 80%)

OKLCHoklch(51.1% 0.183 261.5)

CMYKcmyk(83%, 54%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text5.91:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.55:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#235ECD Complementary#CD9123 Analogous#23B3CD Analogous#3C23CD Triadic#CD235E Triadic#5ECD23

Tints & Shades

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

Tints

#3671DD #5989E3 #789FE8 #96B5ED #B5CAF2 #D8E3F8

Shades

#1E52B3 #1A4699 #153A7E #102C60 #0C2046 #07142C

Use #235ECD in Our Tools

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