Information about #676CCC color

#676CCC color image

Basic facts about this digital color

#676CCC falls into the Blue Color Family — Moderate Saturation, Very Light brightness. The mix behind it: rgb(103, 108, 204) — 40.4% red, 42.4% green, 80% blue; the print equivalent is CMYK 40 / 38 / 0 / 20. New to color codes? See our guide to RGB color codes.

#676CCC presents itself as a clearly saturated classic blue — one that appears airy and pastel-like. In practice it works well for minimalist layouts, soft backgrounds and pastel palettes. In The Official Register of Color Names it is a near neighbor of Dark Periwinkle (#665FD1). Its next-closest registered neighbors are Toolbox (#746CC0) and Slate Blue (#6A5ACD).

Technically, the mix leans on its blue channel (rgb(103, 108, 204)), which gives #676CCC its character. Accessibility-wise, black text works best on #676CCC: 4.6:1 contrast (passing WCAG AA) versus 4.6:1 for white. #676CCC has no official name yet. If this shade means something to you, you can be the one to name it.

#676CCC color variations

View this color variations of tints, shades, tones and hues.

#676CCC color tints

Tints look brighter, pastel, and less intense.
#676CCC

Color has no name
#8488D6

Color has no name
#A3A6E0

Color has no name
#C1C3EA

Color has no name
#E0E1F4

Color has no name
White

#FFFFFF

#676CCC color shades

Shades look darker, richer, and more solid.
#676CCC

Color has no name
#3D43B7

Color has no name
#2D3289

Color has no name
#1E215B

Color has no name
#0F102D

Color has no name
Black

#000000

#676CCC color tones

Tones looks more sophisticated and complex than base colors.
#676CCC

Color has no name
#696DBE

Color has no name
#6D70B0

Color has no name
#7274A1

Color has no name
#787990

Color has no name
Grey

#808080

#676CCC color hues

A hue refers to the basic neighbors of color and is variation of base color on the color wheel.
#CC65BC

Color has no name
#B265CC

Color has no name
#8965CC

Color has no name
#676CCC

Color has no name
#6593CC

Color has no name
#65BCCC

Color has no name
#65CCB2

Color has no name

#676CCC color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.

Complementary color schemes
#676CCC
#676CCC

Color has no name

#CCC766
#CCC766

Color has no name

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.

Split complementary color scheme
#676CCC
#676CCC

Color has no name

#9ECC66
#9ECC66

Color has no name

#CC9466
#CC9466

Color has no name

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.

Analogous color scheme
#9466CC
#9466CC

Color has no name

#676CCC
#676CCC

Color has no name

#669ECC
#669ECC

Color has no name

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.

Triadic color scheme
#676CCC
#676CCC

Color has no name

#CC666B
#CC666B

Color has no name

#6BCC66
#6BCC66

Color has no name

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel.

Tetradic color scheme
#676CCC
#676CCC

Color has no name

#C766CC
#C766CC

Color has no name

#CCC766
#CCC766

Color has no name

#6BCC66
#6BCC66

Color has no name

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.

Square color scheme
#676CCC
#676CCC

Color has no name

#CC669E
#CC669E

Color has no name

#CCC766
#CCC766

Color has no name

#66CC94
#66CC94

Color has no name

Nearest named colors to #676CCC

The closest officially registered color names in the Register, ordered by similarity — your shade’s neighborhood is already being claimed.

Dark Periwinkle color link
Dark Periwinkle

#665FD1

Toolbox color link
Toolbox

#746CC0

Slate Blue color link
Slate Blue

#6A5ACD

Light Indigo color link
Light Indigo

#6D5ACF

Chetwode Blue color link
Chetwode Blue

#666FB4

Purple Sage Bush color link
Purple Sage Bush

#7A5DC7

Fuchsia Blue color link
Fuchsia Blue

#7A58C1

Misty Lupine color link
Misty Lupine

#7983D3

Savoy Blue color link
Savoy Blue

#4B61D1

Havelock Blue color link
Havelock Blue

#5784C1

Moody Blue color link
Moody Blue

#8378C7

Masquerade color link
Masquerade

#7285BC

#676CCC color backgrounds & wallpapers

Download color wallpaper / background for your Desktop PC, Tablet or Mobile phone.

#676CCC color image #676CCC color ORCN HD wallpaper 3840x2160 (Desktop)
#676CCC color image #676CCC color ORCN HD wallpaper 1170x2532 (Mobile)
#676CCC color image #676CCC color solid HD wallpaper 3840x2160 (Desktop)
#676CCC color image #676CCC color solid HD wallpaper 1170x2532 (Mobile)

Conversions between color systems and etc.

  • HEX#676CCC
  • RGB103, 108, 204
  • CMYK40, 38, 0, 20
  • CSSrgb(103, 108, 204)
  • HSL237°, 50%, 60%
  • HSL Precise237.03°, 49.754%, 60.196%
  • HSV237°, 50%, 80%
  • HSB237°, 50%, 80%
  • Normalized R (0.0–1.0)0.404
  • Normalized G (0.0–1.0)0.424
  • Normalized B (0.0–1.0)0.800
  • GLSLvec3(0.404, 0.424, 0.800)
  • GLSL with alphavec4(0.404, 0.424, 0.800, 1.000)
  • HLSL / Metalfloat3(0.404, 0.424, 0.800)
  • Percentage of Red in RGB40.4%
  • Percentage of Green in RGB42.4%
  • Percentage of Blue in RGB80%
  • Color FamilyBlue
  • Saturation FamilyModerate Saturation
  • Lightness FamilyVery Light
  • HEX ID676CCC
  • DECIMAL ID6778060
  • Name LengthThis color has no name
  • This page visited6 times
  • Counting from2025-01-01

Copyright © 2021-2026 The Official Register of Color Names. All Rights Reserved.