#3a3f12 hex color

In a RGB color space, hex #3a3f12 is composed of 22.7% red, 24.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 71.4% yellow and 75.3% black. It has a hue angle of 66.7 degrees, a saturation of 55.6% and a lightness of 15.9%. #3a3f12 color hex could be obtained by blending #747e24 with #000000. Closest websafe color is: #333300.

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

● #3a3f12 color description : Very dark yellow [Olive tone].

The hexadecimal color #3a3f12 has RGB values of R:58, G:63, B:18 and CMYK values of C:0.08, M:0, Y:0.71, K:0.75. Its decimal value is 3817234.

Hex triplet	3a3f12	`#3a3f12`
RGB Decimal	58, 63, 18	`rgb(58,63,18)`
RGB Percent	22.7, 24.7, 7.1	`rgb(22.7%,24.7%,7.1%)`
CMYK	8, 0, 71, 75
HSL	66.7°, 55.6, 15.9	`hsl(66.7,55.6%,15.9%)`
HSV (or HSB)	66.7°, 71.4, 24.7
Web Safe	333300	`#333300`

CIE-LAB	25.255, -9.416, 26.021
XYZ	3.632, 4.498, 1.249
xyY	0.387, 0.48, 4.498
CIE-LCH	25.255, 27.672, 109.894
CIE-LUV	25.255, -1.239, 23.807
Hunter-Lab	21.209, -6.552, 11.354
Binary	00111010, 00111111, 00010010

#3a3f12
```
#3a3f12 rgb(58,63,18)
```
#17123f
```
#17123f rgb(23,18,63)
```

Complementary Color

#3f2e12
```
#3f2e12 rgb(63,46,18)
```
#3a3f12
```
#3a3f12 rgb(58,63,18)
```
#243f12
```
#243f12 rgb(36,63,18)
```

Analogous Color

#2e123f
```
#2e123f rgb(46,18,63)
```
#3a3f12
```
#3a3f12 rgb(58,63,18)
```
#12243f
```
#12243f rgb(18,36,63)
```

Split Complementary Color

#3f123a
```
#3f123a rgb(63,18,58)
```
#3a3f12
```
#3a3f12 rgb(58,63,18)
```
#123a3f
```
#123a3f rgb(18,58,63)
```

Triadic Color

#3f1712
```
#3f1712 rgb(63,23,18)
```
#3a3f12
```
#3a3f12 rgb(58,63,18)
```
#123a3f
```
#123a3f rgb(18,58,63)
```
#17123f
```
#17123f rgb(23,18,63)
```

Tetradic Color

#030301
```
#030301 rgb(3,3,1)
```
#151707
```
#151707 rgb(21,23,7)
```
#282b0c
```
#282b0c rgb(40,43,12)
```
#3a3f12
```
#3a3f12 rgb(58,63,18)
```
#4c5318
```
#4c5318 rgb(76,83,24)
```
#5f671d
```
#5f671d rgb(95,103,29)
```
#717b23
```
#717b23 rgb(113,123,35)
```

Monochromatic Color

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

#3f3912
```
#3f3912 rgb(63,57,18)
```
#3f3d12
```
#3f3d12 rgb(63,61,18)
```
#3e3f12
```
#3e3f12 rgb(62,63,18)
```
#3a3f12
```
#3a3f12 rgb(58,63,18)
```
#363f12
```
#363f12 rgb(54,63,18)
```
#333f12
```
#333f12 rgb(51,63,18)
```
#2f3f12
```
#2f3f12 rgb(47,63,18)
```

Similar Colors

Text with hexadecimal color #3a3f12

This text has a font color of #3a3f12.

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

#3a3f12 background color

This paragraph has a background color of #3a3f12.

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

#3a3f12 border color

This element has a border color of #3a3f12.

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

CSS codes

.text {color:#3a3f12;}

.background {background-color:#3a3f12;}

.border {border:1px solid #3a3f12;}

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

#020201
```
#020201 rgb(2,2,1)
```
#101105
```
#101105 rgb(16,17,5)
```
#1e2009
```
#1e2009 rgb(30,32,9)
```
#2c300e
```
#2c300e rgb(44,48,14)
```
#3a3f12
```
#3a3f12 rgb(58,63,18)
```
#484e16
```
#484e16 rgb(72,78,22)
```
#565e1b
```
#565e1b rgb(86,94,27)
```
#646d1f
```
#646d1f rgb(100,109,31)
```
#727c23
```
#727c23 rgb(114,124,35)
```
#808b28
```
#808b28 rgb(128,139,40)
```
#8e9b2c
```
#8e9b2c rgb(142,155,44)
```
#9caa31
```
#9caa31 rgb(156,170,49)
```
#aab935
```
#aab935 rgb(170,185,53)
```

Shade Color Variation

#b7c73b
```
#b7c73b rgb(183,199,59)
```
#bdcb4a
```
#bdcb4a rgb(189,203,74)
```
#c2d059
```
#c2d059 rgb(194,208,89)
```
#c8d468
```
#c8d468 rgb(200,212,104)
```
#ced878
```
#ced878 rgb(206,216,120)
```
#d3dd87
```
#d3dd87 rgb(211,221,135)
```
#d9e196
```
#d9e196 rgb(217,225,150)
```
#dee5a5
```
#dee5a5 rgb(222,229,165)
```
#e4eab5
```
#e4eab5 rgb(228,234,181)
```
#e9eec4
```
#e9eec4 rgb(233,238,196)
```
#eff2d3
```
#eff2d3 rgb(239,242,211)
```
#f5f7e2
```
#f5f7e2 rgb(245,247,226)
```
#fafbf2
```
#fafbf2 rgb(250,251,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #292928 is the less saturated color, while #464f02 is the most saturated one.

#292928
```
#292928 rgb(41,41,40)
```
#2b2c25
```
#2b2c25 rgb(43,44,37)
```
#2e2f22
```
#2e2f22 rgb(46,47,34)
```
#30331e
```
#30331e rgb(48,51,30)
```
#33361b
```
#33361b rgb(51,54,27)
```
#353918
```
#353918 rgb(53,57,24)
```
#383c15
```
#383c15 rgb(56,60,21)
```
#3a3f12
```
#3a3f12 rgb(58,63,18)
```
#3c420f
```
#3c420f rgb(60,66,15)
```
#3f450c
```
#3f450c rgb(63,69,12)
```
#414809
```
#414809 rgb(65,72,9)
```
#444b06
```
#444b06 rgb(68,75,6)
```
#464f02
```
#464f02 rgb(70,79,2)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#383930 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d461d Protanopia 1% of men
#564220 Deuteranopia 1% of men
#494449 Tritanopia 0.001% of the population

Trichromacy

#464319 Protanomaly 1% of men, 0.01% of women
#4b411b Deuteranomaly 6% of men, 0.4% of women
#434235 Tritanomaly 0.01% of the population

#3a3f12 hex color

#3a3f12 Color Information

#3a3f12 Color Conversion

Color Schemes with #3a3f12

Alternatives to #3a3f12

#3a3f12 Preview

Shades and Tints of #3a3f12

Tones of #3a3f12

Color Blindness Simulator