ColorHexa

#332a1e hex color code

#332a1e Color Informations

This page lists more detailed information about the hex color code #332a1e. In a RGB color space, hex #332a1e is composed of 51(20%) red, 42(16.47%) green and 30(11.76%) blue. Its decimal value is 3353118. In a CMYK color space, it is consist of 0% cyan, 17.65% magenta, 41.18% yellow and 80% black. It has a hue angle of 34.29 degrees, a saturation of 25.93% and a lightness of 15.88%.

Color #332a1e contains mostly Yellow color, is a warm color and closest websafe color is #333333. #332a1e color hex could be obtained by blending #66543c with #000000. Color #332a1e look like cocoa brown #35281e 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.

#332a1e color image #332a1e rgb color chart bar #332a1e cmyk color chart bar

#332a1e color description : dark orange(brown)/dark gamboge.

#332a1e Color Conversion

    • Hex triplet 33, 2a, 1e
    • RGB Decimal 51, 42, 30
    • RGB Octal 063, 052, 036
    • RGB Binary 00110011, 00101010, 00011110
    • RGB Percent 20%, 16.47%, 11.76%
    • XYZ 2.4275, 2.4535, 1.5739
    • xyY 0.3761, 0.3801, 2.4535
    • CMYK 0%, 17.65%, 41.18%, 80%
    • HSL 34.29°, 25.93, 15.88
    • HSV(HSB) 34.29°, 41.18, 20
    • CIE-L*AB 17.707, 1.959, 9.396
    • CIE-L*CH 17.707, 9.598, 78.224
    • CIE-L*UV 17.707, 5.315, 7.841
    • Hunter-Lab 15.664, 0.253, 5.007

#332a1e Color Analysis

R-G-B component
  • #332a1e #332a1e
    rgb(51,42,30)
  • #292929 Average: #292929
    rgb(41,41,41)
  • #2b2b2b Luma: #2b2b2b
    rgb(43,43,43)
  • #2b2b2b rec601 Luma: #2b2b2b
    rgb(43,43,43)
Grayscale
  • #332a1e #332a1e
    rgb(51,42,30)
  • #333333 Closest websafe: #333333
    rgb(51,51,51)
  • #35281e Closest named color: cocoa brown #35281e
    rgb(53,40,30)
  • #ccd5e1 Inverse color: #ccd5e1
    rgb(204,213,225)
Closest websafe and named color, Inverse

Color Schemes with #332a1e

Complementary Color of #332a1e is #1e2733. Split Complementary Colors of #332a1e are #201e33 and #1e3233. Analogous Colors of #332a1e are #33201e and #32331e. Triadic Colors of #332a1e are #2a1e33 and #1e332a

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

Shades and Tints of #332a1e

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, #020101 is the darkest color, while #f9f7f4 is the lightest one.

Shade Color Variation
Tint Color Variation

Tones of #332a1e

A tone is produced by adding gray to any pure hue. In this case, #2a2927 is the less saturated color, while #4f2e02 is the most saturated one.

Tone Color Variation

Alternatives to #332a1e

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

Similar Color

#332a1e Preview in HTML

Text with hexadecimal color #332a1e

This text has a font color of #332a1e.

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

#332a1e Text Shadow.

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

This paragraph has a background color of #332a1e.

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

This element has a border color of #332a1e.

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

Download #332a1e color images

Solid color background with hex color code #332a1e. 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