#403312 hex color

In a RGB color space, hex #403312 is composed of 25.1% red, 20% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.3% magenta, 71.9% yellow and 74.9% black. It has a hue angle of 43 degrees, a saturation of 56.1% and a lightness of 16.1%. #403312 color hex could be obtained by blending #806624 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 25
- G 20
- B 7
RGB color chart
- C 0
- M 20
- Y 72
- K 75
CMYK color chart

● #403312 color description : Very dark orange [Brown tone].

The hexadecimal color #403312 has RGB values of R:64, G:51, B:18 and CMYK values of C:0, M:0.2, Y:0.72, K:0.75. Its decimal value is 4207378.

Hex triplet	403312	`#403312`
RGB Decimal	64, 51, 18	`rgb(64,51,18)`
RGB Percent	25.1, 20, 7.1	`rgb(25.1%,20%,7.1%)`
CMYK	0, 20, 72, 75
HSL	43°, 56.1, 16.1	`hsl(43,56.1%,16.1%)`
HSV (or HSB)	43°, 71.9, 25.1
Web Safe	333300	`#333300`

CIE-LAB	21.95, 1.29, 22.61
XYZ	3.407, 3.501, 1.069
xyY	0.427, 0.439, 3.501
CIE-LCH	21.95, 22.647, 86.734
CIE-LUV	21.95, 9.314, 18.423
Hunter-Lab	18.712, -0.242, 9.713
Binary	01000000, 00110011, 00010010

#403312
```
#403312 rgb(64,51,18)
```
#121f40
```
#121f40 rgb(18,31,64)
```

Complementary Color

#401c12
```
#401c12 rgb(64,28,18)
```
#403312
```
#403312 rgb(64,51,18)
```
#364012
```
#364012 rgb(54,64,18)
```

Analogous Color

#1c1240
```
#1c1240 rgb(28,18,64)
```
#403312
```
#403312 rgb(64,51,18)
```
#123640
```
#123640 rgb(18,54,64)
```

Split Complementary Color

#331240
```
#331240 rgb(51,18,64)
```
#403312
```
#403312 rgb(64,51,18)
```
#124033
```
#124033 rgb(18,64,51)
```

Triadic Color

#40121f
```
#40121f rgb(64,18,31)
```
#403312
```
#403312 rgb(64,51,18)
```
#124033
```
#124033 rgb(18,64,51)
```
#121f40
```
#121f40 rgb(18,31,64)
```

Tetradic Color

#040301
```
#040301 rgb(4,3,1)
```
#181307
```
#181307 rgb(24,19,7)
```
#2c230c
```
#2c230c rgb(44,35,12)
```
#403312
```
#403312 rgb(64,51,18)
```
#544318
```
#544318 rgb(84,67,24)
```
#68531d
```
#68531d rgb(104,83,29)
```
#7c6323
```
#7c6323 rgb(124,99,35)
```

Monochromatic Color

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

#402812
```
#402812 rgb(64,40,18)
```
#402b12
```
#402b12 rgb(64,43,18)
```
#402f12
```
#402f12 rgb(64,47,18)
```
#403312
```
#403312 rgb(64,51,18)
```
#403712
```
#403712 rgb(64,55,18)
```
#403b12
```
#403b12 rgb(64,59,18)
```
#403f12
```
#403f12 rgb(64,63,18)
```

Similar Colors

Text with hexadecimal color #403312

This text has a font color of #403312.

<span style="color:#403312;">Text here</span>

#403312 background color

This paragraph has a background color of #403312.

<p style="background-color:#403312;">Content here</p>

#403312 border color

This element has a border color of #403312.

<div style="border:1px solid #403312;">Content here</div>

CSS codes

.text {color:#403312;}

.background {background-color:#403312;}

.border {border:1px solid #403312;}

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

#030201
```
#030201 rgb(3,2,1)
```
#120e05
```
#120e05 rgb(18,14,5)
```
#211b09
```
#211b09 rgb(33,27,9)
```
#31270e
```
#31270e rgb(49,39,14)
```
#403312
```
#403312 rgb(64,51,18)
```
#4f3f16
```
#4f3f16 rgb(79,63,22)
```
#5f4b1b
```
#5f4b1b rgb(95,75,27)
```
#6e581f
```
#6e581f rgb(110,88,31)
```
#7d6423
```
#7d6423 rgb(125,100,35)
```
#8d7028
```
#8d7028 rgb(141,112,40)
```
#9c7c2c
```
#9c7c2c rgb(156,124,44)
```
#ab8830
```
#ab8830 rgb(171,136,48)
```
#ba9534
```
#ba9534 rgb(186,149,52)
```

Shade Color Variation

#c8a03b
```
#c8a03b rgb(200,160,59)
```
#cca74a
```
#cca74a rgb(204,167,74)
```
#d0af59
```
#d0af59 rgb(208,175,89)
```
#d5b669
```
#d5b669 rgb(213,182,105)
```
#d9be78
```
#d9be78 rgb(217,190,120)
```
#ddc587
```
#ddc587 rgb(221,197,135)
```
#e2cc97
```
#e2cc97 rgb(226,204,151)
```
#e6d4a6
```
#e6d4a6 rgb(230,212,166)
```
#eadbb5
```
#eadbb5 rgb(234,219,181)
```
#efe3c5
```
#efe3c5 rgb(239,227,197)
```
#f3ead4
```
#f3ead4 rgb(243,234,212)
```
#f7f2e3
```
#f7f2e3 rgb(247,242,227)
```
#fbf9f2
```
#fbf9f2 rgb(251,249,242)
```

Tint Color Variation

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

#2a2928
```
#2a2928 rgb(42,41,40)
```
#2d2b25
```
#2d2b25 rgb(45,43,37)
```
#302c22
```
#302c22 rgb(48,44,34)
```
#332e1f
```
#332e1f rgb(51,46,31)
```
#372f1b
```
#372f1b rgb(55,47,27)
```
#3a3018
```
#3a3018 rgb(58,48,24)
```
#3d3215
```
#3d3215 rgb(61,50,21)
```
#403312
```
#403312 rgb(64,51,18)
```
#43340f
```
#43340f rgb(67,52,15)
```
#46360c
```
#46360c rgb(70,54,12)
```
#493709
```
#493709 rgb(73,55,9)
```
#4d3805
```
#4d3805 rgb(77,56,5)
```
#503a02
```
#503a02 rgb(80,58,2)
```

Tone Color Variation

Below, you can see how #403312 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#333333 Achromatopsia 0.005% of the population
#36332c Atypical Achromatopsia 0.001% of the population

Dichromacy

#453f1e Protanopia 1% of men
#4d3c1e Deuteranopia 1% of men
#4c3a3e Tritanopia 0.001% of the population

Trichromacy

#433a1a Protanomaly 1% of men, 0.01% of women
#48381a Deuteranomaly 6% of men, 0.4% of women
#48372e Tritanomaly 0.01% of the population

#403312 hex color

#403312 Color Information

#403312 Color Conversion

Color Schemes with #403312

Alternatives to #403312

#403312 Preview

Shades and Tints of #403312

Tones of #403312

Color Blindness Simulator