#0C6EFC Color (Hex and RGB)

#0C6EFC

rgb(12 110 252) · reads as blue

#0c6efc has RGB values (12, 110, 252). The color reads primarily as blue in sRGB space.

Color values

FormatValueChannels
HEX#0C6EFCR0CG6EBFC
RGBrgb(12 110 252)R12G110B252
HSLhsl(216 98% 52%)H216°S98%L52%
OKLCHoklch(58% 0.23 260)L0.58C0.23H260°
HSVhsv(216, 95%, 99%)H216°S95%V99%
CMYKcmyk(95%, 56%, 0%, 1%)C95%M56%Y0%K1%

RGB mix

  • Red12 4.71%
  • Green110 43.14%
  • Blue252 98.82%

Base numbers

BaseRGB
Binary000011000110111011111100
Octal14156374
Decimal12110252
Hex0c6efc

Shades & tints

Shades mix #0C6EFC 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

#0C6EFC on #FFFFFF

4.51:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#0C6EFC on #000000

4.65:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #0C6EFC

4.51:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #0C6EFC

4.65:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

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

Brands that use this color 1

↑