#3694BF Color

#3694BF is rgb(54, 148, 191) in RGB and hsl(199, 56%, 48%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#3694BF

HEX#3694BF

RGBrgb(54, 148, 191)

HSLhsl(199, 56%, 48%)

HSVhsv(199, 72%, 75%)

OKLCHoklch(63% 0.108 232.1)

CMYKcmyk(72%, 23%, 0%, 25%)

Text Contrast & Accessibility

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

TextWhite text3.42:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.15:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#3694BF Complementary#BF6136 Analogous#36BFA6 Analogous#364FBF Triadic#BF3694 Triadic#94BF36

Tints & Shades

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

Tints

#4CA4CD #68B2D4 #84C0DC #A4D0E5 #BFDFED #DBEDF5

Shades

#2F81A7 #276C8B #215973 #1A475B #133444 #0B1F28

Use #3694BF in Our Tools

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