#116DFF Color (Hex and RGB)

#116DFF

rgb(17 109 255) · reads as blue

#116dff has RGB values (17, 109, 255). The color reads primarily as blue in sRGB space.

Color values

FormatValueChannels
HEX#116DFFR11G6DBFF
RGBrgb(17 109 255)R17G109B255
HSLhsl(217 100% 53%)H217°S100%L53%
OKLCHoklch(58% 0.23 261)L0.58C0.23H261°
HSVhsv(217, 93%, 100%)H217°S93%V100%
CMYKcmyk(93%, 57%, 0%, 0%)C93%M57%Y0%K0%

RGB mix

  • Red17 6.67%
  • Green109 42.75%
  • Blue255 100%

Base numbers

BaseRGB
Binary000100010110110111111111
Octal21155377
Decimal17109255
Hex116dff

Shades & tints

Shades mix #116DFF with black; tints mix it with white. Click any swatch to explore it.

Shades

Tints

Color harmonies

Complementary

Opposite on the color wheel — maximum contrast.

Analogous

Neighbors 30° either side — calm and cohesive.

Triadic

Three hues spaced 120° apart — vibrant balance.

Monochromatic

Same hue and saturation, different lightness.

Similar brand colors

The closest colors from our brand palettes, measured in OKLab.

Contrast & accessibility

WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.

Aa

#116DFF on #FFFFFF

4.51:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#116DFF on #000000

4.66:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #116DFF

4.51:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #116DFF

4.66:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

  • CSScolor: #116dff;
  • Backgroundbackground-color: #116dff;
  • CSS variable--color-116dff: #116dff;
  • Modern CSScolor: oklch(58% 0.23 261);
  • SCSS$color-116dff: #116dff;
  • Tailwindbg-[#116dff] text-[#116dff]
  • HTML<div style="background-color: #116dff"></div>

Brands that use this color 1

↑