*/?>

Information about #676CBC color

#676CBC color image

Basic facts about this digital color

#676CBC falls into the Blue Color Family — Mild Saturation, Light brightness. The mix behind it: rgb(103, 108, 188) — 40.4% red, 42.4% green, 73.7% blue; the print equivalent is CMYK 33 / 31 / 0 / 26. New to color codes? See our guide to RGB color codes.

A moderately toned classic blue, #676CBC feels open and friendly. Designers typically reach for tones like this for versatile mid-ground roles, from cards to secondary buttons. In The Official Register of Color Names it is almost identical to Chetwode Blue (#666FB4). Its next-closest registered neighbors are Toolbox (#746CC0) and Blue Marguerite (#6A5BB1).

The recipe behind #676CBC is rgb(103, 108, 188), with blue as the dominant ingredient. Accessibility-wise, white text works best on #676CBC: 4.7:1 contrast (passing WCAG AA) versus 4.4:1 for black. #676CBC has no official name yet. If this shade means something to you, you can be the one to name it.

#676CBC color variations

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

#676CBC color tints

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

Color has no name
#8589C9

Color has no name
#A3A6D6

Color has no name
#C2C4E4

Color has no name
#E0E1F1

Color has no name
White

#FFFFFF

#676CBC color shades

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

Color has no name
#464CA1

Color has no name
#353979

Color has no name
#232650

Color has no name
#111328

Color has no name
Black

#000000

#676CBC color tones

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

Color has no name
#6A6FB1

Color has no name
#6E72A5

Color has no name
#737699

Color has no name
#797A8C

Color has no name
Grey

#808080

#676CBC color hues

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

Color has no name
#A566BC

Color has no name
#8366BC

Color has no name
#676CBC

Color has no name
#668EBC

Color has no name
#66B0BC

Color has no name
#66BCA5

Color has no name

#676CBC 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
#676CBC
#676CBC

Color has no name

#BCB667
#BCB667

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
#676CBC
#676CBC

Color has no name

#97BC67
#97BC67

Color has no name

#BC8C67
#BC8C67

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
#8C67BC
#8C67BC

Color has no name

#676CBC
#676CBC

Color has no name

#6797BC
#6797BC

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
#676CBC
#676CBC

Color has no name

#BC676C
#BC676C

Color has no name

#6CBC67
#6CBC67

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
#676CBC
#676CBC

Color has no name

#B667BC
#B667BC

Color has no name

#BCB667
#BCB667

Color has no name

#6CBC67
#6CBC67

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
#676CBC
#676CBC

Color has no name

#BC6797
#BC6797

Color has no name

#BCB667
#BCB667

Color has no name

#67BC8C
#67BC8C

Color has no name

Nearest named colors to #676CBC

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

Chetwode Blue color link
Chetwode Blue

#666FB4

Toolbox color link
Toolbox

#746CC0

Blue Marguerite color link
Blue Marguerite

#6A5BB1

Pastel Navy Blue color link
Pastel Navy Blue

#5E5CB2

Anchor color link
Anchor

#526DB2

Grizzlies Blue color link
Grizzlies Blue

#5D76A9

Glaucous color link
Glaucous

#6082B6

Dark Periwinkle color link
Dark Periwinkle

#665FD1

Slate Blue color link
Slate Blue

#6A5ACD

Deluge color link
Deluge

#7563A8

Purple Sage Bush color link
Purple Sage Bush

#7A5DC7

Light Indigo color link
Light Indigo

#6D5ACF

#676CBC color backgrounds & wallpapers

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

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

Conversions between color systems and etc.

  • HEX#676CBC
  • RGB103, 108, 188
  • CMYK33, 31, 0, 26
  • CSSrgb(103, 108, 188)
  • HSL236°, 39%, 57%
  • HSL Precise236.471°, 38.813%, 57.059%
  • HSV236°, 45%, 74%
  • HSB236°, 45%, 74%
  • Normalized R (0.0–1.0)0.404
  • Normalized G (0.0–1.0)0.424
  • Normalized B (0.0–1.0)0.737
  • GLSLvec3(0.404, 0.424, 0.737)
  • GLSL with alphavec4(0.404, 0.424, 0.737, 1.000)
  • HLSL / Metalfloat3(0.404, 0.424, 0.737)
  • Percentage of Red in RGB40.4%
  • Percentage of Green in RGB42.4%
  • Percentage of Blue in RGB73.7%
  • Color FamilyBlue
  • Saturation FamilyMild Saturation
  • Lightness FamilyLight
  • HEX ID676CBC
  • DECIMAL ID6778044
  • Name LengthThis color has no name
  • This page visited13 times
  • Counting from2025-01-01

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