colorhexa.com

#403412 hex color

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

- R 25
- G 20
- B 7
RGB color chart
- C 0
- M 19
- Y 72
- K 75
CMYK color chart

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

The hexadecimal color #403412 has RGB values of R:64, G:52, B:18 and CMYK values of C:0, M:0.19, Y:0.72, K:0.75. Its decimal value is 4207634.

Hex triplet	403412	`#403412`
RGB Decimal	64, 52, 18	`rgb(64,52,18)`
RGB Percent	25.1, 20.4, 7.1	`rgb(25.1%,20.4%,7.1%)`
CMYK	0, 19, 72, 75
HSL	44.3°, 56.1, 16.1	`hsl(44.3,56.1%,16.1%)`
HSV (or HSB)	44.3°, 71.9, 25.1
Web Safe	333300	`#333300`

CIE-LAB	22.266, 0.635, 22.96
XYZ	3.452, 3.59, 1.083
xyY	0.425, 0.442, 3.59
CIE-LCH	22.266, 22.969, 88.415
CIE-LUV	22.266, 8.736, 18.889
Hunter-Lab	18.947, -0.639, 9.873
Binary	01000000, 00110100, 00010010

#403412
```
#403412 rgb(64,52,18)
```
#121e40
```
#121e40 rgb(18,30,64)
```

Complementary Color

#401d12
```
#401d12 rgb(64,29,18)
```
#403412
```
#403412 rgb(64,52,18)
```
#354012
```
#354012 rgb(53,64,18)
```

Analogous Color

#1d1240
```
#1d1240 rgb(29,18,64)
```
#403412
```
#403412 rgb(64,52,18)
```
#123540
```
#123540 rgb(18,53,64)
```

Split Complementary Color

#040301
```
#040301 rgb(4,3,1)
```
#181407
```
#181407 rgb(24,20,7)
```
#2c240c
```
#2c240c rgb(44,36,12)
```
#403412
```
#403412 rgb(64,52,18)
```
#544418
```
#544418 rgb(84,68,24)
```
#68541d
```
#68541d rgb(104,84,29)
```
#7c6523
```
#7c6523 rgb(124,101,35)
```

Monochromatic Color

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

#402912
```
#402912 rgb(64,41,18)
```
#402c12
```
#402c12 rgb(64,44,18)
```
#403012
```
#403012 rgb(64,48,18)
```
#403412
```
#403412 rgb(64,52,18)
```
#403812
```
#403812 rgb(64,56,18)
```
#403c12
```
#403c12 rgb(64,60,18)
```
#404012
```
#404012 rgb(64,64,18)
```

Similar Colors

Text with hexadecimal color #403412

This text has a font color of #403412.

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

#403412 background color

This paragraph has a background color of #403412.

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

#403412 border color

This element has a border color of #403412.

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

CSS codes

.text {color:#403412;}

.background {background-color:#403412;}

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

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)
```
#120f05
```
#120f05 rgb(18,15,5)
```
#211b09
```
#211b09 rgb(33,27,9)
```
#31280e
```
#31280e rgb(49,40,14)
```
#403412
```
#403412 rgb(64,52,18)
```
#4f4016
```
#4f4016 rgb(79,64,22)
```
#5f4d1b
```
#5f4d1b rgb(95,77,27)
```
#6e591f
```
#6e591f rgb(110,89,31)
```
#7d6623
```
#7d6623 rgb(125,102,35)
```
#8d7228
```
#8d7228 rgb(141,114,40)
```
#9c7f2c
```
#9c7f2c rgb(156,127,44)
```
#ab8b30
```
#ab8b30 rgb(171,139,48)
```
#ba9834
```
#ba9834 rgb(186,152,52)
```

Shade Color Variation

#c8a33b
```
#c8a33b rgb(200,163,59)
```
#ccaa4a
```
#ccaa4a rgb(204,170,74)
```
#d0b159
```
#d0b159 rgb(208,177,89)
```
#d5b969
```
#d5b969 rgb(213,185,105)
```
#d9c078
```
#d9c078 rgb(217,192,120)
```
#ddc787
```
#ddc787 rgb(221,199,135)
```
#e2ce97
```
#e2ce97 rgb(226,206,151)
```
#e6d5a6
```
#e6d5a6 rgb(230,213,166)
```
#eadcb5
```
#eadcb5 rgb(234,220,181)
```
#efe4c5
```
#efe4c5 rgb(239,228,197)
```
#f3ebd4
```
#f3ebd4 rgb(243,235,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 #503c02 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)
```
#3a3118
```
#3a3118 rgb(58,49,24)
```
#3d3215
```
#3d3215 rgb(61,50,21)
```
#403412
```
#403412 rgb(64,52,18)
```
#43360f
```
#43360f rgb(67,54,15)
```
#46370c
```
#46370c rgb(70,55,12)
```
#493909
```
#493909 rgb(73,57,9)
```
#4d3a05
```
#4d3a05 rgb(77,58,5)
```
#503c02
```
#503c02 rgb(80,60,2)
```

Tone Color Variation

Below, you can see how #403412 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

#343434 Achromatopsia 0.005% of the population
#36342d Atypical Achromatopsia 0.001% of the population

Dichromacy

#463f1e Protanopia 1% of men
#4e3c1e Deuteranopia 1% of men
#4c3b3f Tritanopia 0.001% of the population

Trichromacy

#443b1a Protanomaly 1% of men, 0.01% of women
#49391a Deuteranomaly 6% of men, 0.4% of women
#48382e Tritanomaly 0.01% of the population