Color Combos

#3C86E2 Hex Web Color

0
Likes
0
Views

Color #3C86E2 preview

Actions tap to open
Create Combo
Random

Quick Variations

Original color Lighter 10% Lighter 20% Darker 10% Darker 20% Analogous −30° Analogous +30° Triadic −120° Triadic +120°

#3C86E2 FAQs

What is the RGB value of #3C86E2?

RGB: 60, 134, 226. Copy as CSS: rgb(60, 134, 226).

Is #3C86E2 a web-safe color?

No — web-safe colors use pairs from 00, 33, 66, 99, CC, FF.

What is the complementary color of #3C86E2?

Complement: #C3791D.

Does #3C86E2 have good contrast on white or black?

On white: 3.68:1 (AA (large text)). On black: 5.70:1 (AA (normal) / AAA (large)).

Color #3C86E2 Description

Build combos with #3C86E2

#3C86E2 (3C86E2) — RGB 60,134,226. See contrast on black/white, quick variations, and palettes that pair well for clean UI accents. It has CMYK colour values of 73.5, 40.7, 0, 11.4. This web color is described by the following tags: cool, vibrant, reads well with black text. The page below contains color combinations, color schemes, color palettes, and images that match and go well with the hex color 3C86E2. There is 1 colour combination with hex code #3C86E2.

Readable text on #3C86E2
Black text: AAWhite text: Fail

#3C86E2 Color Codes

Color Swatch Color Codes Tags
  • Hex: #3C86E2
  • RGB: 60, 134, 226
  • CMYK: 73.5, 40.7, 0, 11.4
  • HSV: 213, 73, 89

Complementary Color Palettes with #3C86E2

Complementary Palette

#3C86E2 #E23C5D #E26F3C #E2C23C #B0E23C #5DE23C

Split Complementary Palette

#3C86E2 #E25A3C #E2833C #E2AD3C #E2D63C #C4E23C

Analogous Palette

#3C86E2 #3CE2C2 #3CB0E2 #3C5DE2 #6F3CE2 #C23CE2

Triadic Palette

#3C86E2 #C23CE2 #E23CB0 #E23C5D #E26F3C #E2C23C

Monochrome Palette

#3C86E2 #0B274A #164E94 #2175DE #6BA3E9 #B5D1F4

Font Color Tester