ColorHexa

#674c8e hex color code

#674c8e Color Informations

This page lists more detailed information about the hex color code #674c8e. In a RGB color space, hex #674c8e is composed of 103(40.39%) red, 76(29.8%) green and 142(55.69%) blue. Its decimal value is 6769806. In a CMYK color space, it is consist of 27.46% cyan, 46.48% magenta, 0% yellow and 44.31% black. It has a hue angle of 264.55 degrees, a saturation of 30.28% and a lightness of 42.75%.

Color #674c8e contains mostly Blue color, is a cool color and closest websafe color is #663399. #674c8e color hex could be obtained by blending #ce98ff with #00001d. Color #674c8e look like butterfly bush #68578c color. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#674c8e color image #674c8e rgb color chart bar #674c8e cmyk color chart bar

#674c8e color description : moderate blue-magenta/moderate blue violet.

#674c8e Color Conversion

    • Hex triplet 67, 4c, 8e
    • RGB Decimal 103, 76, 142
    • RGB Octal 147, 114, 216
    • RGB Binary 01100111, 01001100, 10001110
    • RGB Percent 40.39%, 29.8%, 55.69%
    • XYZ 13.0604, 10.0054, 26.8341
    • xyY 0.2617, 0.2005, 10.0054
    • CMYK 27.46%, 46.48%, 0%, 44.31%
    • HSL 264.55°, 30.28, 42.75
    • HSV(HSB) 264.55°, 46.48, 55.69
    • CIE-L*AB 37.852, 25.892, -32.544
    • CIE-L*CH 37.852, 41.588, 308.506
    • CIE-L*UV 37.852, 8.158, -48.59
    • Hunter-Lab 31.631, 18.347, -28.156

#674c8e Color Analysis

R-G-B component
  • #674c8e #674c8e
    rgb(103,76,142)
  • #6b6b6b Average: #6b6b6b
    rgb(107,107,107)
  • #565656 Luma: #565656
    rgb(86,86,86)
  • #5b5b5b rec601 Luma: #5b5b5b
    rgb(91,91,91)
Grayscale
  • #674c8e #674c8e
    rgb(103,76,142)
  • #663399 Closest websafe: #663399
    rgb(102,51,153)
  • #68578c Closest named color: butterfly bush #68578c
    rgb(104,87,140)
  • #98b371 Inverse color: #98b371
    rgb(152,179,113)
Closest websafe and named color, Inverse

Color Schemes with #674c8e

Complementary Color of #674c8e is #738e4c. Split Complementary Colors of #674c8e are #528e4c and #8e884c. Analogous Colors of #674c8e are #4c528e and #884c8e. Triadic Colors of #674c8e are #4c8e67 and #8e674c

Complementary Color
Split Complementary Color
Analogous Color
Triadic Color
Tetradic Color
Monochromatic Color

Shades and Tints of #674c8e

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010101 is the darkest color, while #f6f4f9 is the lightest one.

Shade Color Variation
Tint Color Variation

Tones of #674c8e

A tone is produced by adding gray to any pure hue. In this case, #6c6575 is the less saturated color, while #5901d9 is the most saturated one.

Tone Color Variation

Alternatives to #674c8e

Below, site show some colors close to #674c8e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

Similar Color

#674c8e Preview in HTML

Text with hexadecimal color #674c8e

This text has a font color of #674c8e.

<span style="color:#674c8e;">Text here</span>
Text shadow with hexadecimal color #674c8e

#674c8e Text Shadow.

<span style="text-shadow:2px 2px 3px #674c8e;">Text here</span>
#674c8e background color

This paragraph has a background color of #674c8e.

<p style="background-color:#674c8e;">Content here</p>
#674c8e border color

This element has a border color of #674c8e.

<div style="border:1px solid #674c8e;">Content here</div>
CSS codes with #674c8e color
.text{color:#674c8e;}
.background{background-color:#674c8e;}
.border{border:1px solid #674c8e;}

Download #674c8e color images

Solid color background with hex color code #674c8e. Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -

Random color codes