#667a12 hex color

In a RGB color space, hex #667a12 is composed of 40% red, 47.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 0% magenta, 85.2% yellow and 52.2% black. It has a hue angle of 71.5 degrees, a saturation of 74.3% and a lightness of 27.5%. #667a12 color hex could be obtained by blending #ccf424 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 40
- G 48
- B 7
RGB color chart
- C 16
- M 0
- Y 85
- K 52
CMYK color chart

● #667a12 color description : Dark yellow [Olive tone].

The hexadecimal color #667a12 has RGB values of R:102, G:122, B:18 and CMYK values of C:0.16, M:0, Y:0.85, K:0.52. Its decimal value is 6715922.

Hex triplet	667a12	`#667a12`
RGB Decimal	102, 122, 18	`rgb(102,122,18)`
RGB Percent	40, 47.8, 7.1	`rgb(40%,47.8%,7.1%)`
CMYK	16, 0, 85, 52
HSL	71.5°, 74.3, 27.5	`hsl(71.5,74.3%,27.5%)`
HSV (or HSB)	71.5°, 85.2, 47.8
Web Safe	666600	`#666600`

CIE-LAB	47.991, -21.229, 48.923
XYZ	12.548, 16.787, 3.151
xyY	0.386, 0.517, 16.787
CIE-LCH	47.991, 53.33, 113.457
CIE-LUV	47.991, -9.066, 52.063
Hunter-Lab	40.972, -17.035, 24.12
Binary	01100110, 01111010, 00010010

#667a12
```
#667a12 rgb(102,122,18)
```
#26127a
```
#26127a rgb(38,18,122)
```

Complementary Color

#7a5a12
```
#7a5a12 rgb(122,90,18)
```
#667a12
```
#667a12 rgb(102,122,18)
```
#327a12
```
#327a12 rgb(50,122,18)
```

Analogous Color

#5a127a
```
#5a127a rgb(90,18,122)
```
#667a12
```
#667a12 rgb(102,122,18)
```
#12327a
```
#12327a rgb(18,50,122)
```

Split Complementary Color

#7a1266
```
#7a1266 rgb(122,18,102)
```
#667a12
```
#667a12 rgb(102,122,18)
```
#12667a
```
#12667a rgb(18,102,122)
```

Triadic Color

#7a2612
```
#7a2612 rgb(122,38,18)
```
#667a12
```
#667a12 rgb(102,122,18)
```
#12667a
```
#12667a rgb(18,102,122)
```
#26127a
```
#26127a rgb(38,18,122)
```

Tetradic Color

#2e3708
```
#2e3708 rgb(46,55,8)
```
#414e0b
```
#414e0b rgb(65,78,11)
```
#53640f
```
#53640f rgb(83,100,15)
```
#667a12
```
#667a12 rgb(102,122,18)
```
#799015
```
#799015 rgb(121,144,21)
```
#8ba619
```
#8ba619 rgb(139,166,25)
```
#9ebd1c
```
#9ebd1c rgb(158,189,28)
```

Monochromatic Color

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

#7a7412
```
#7a7412 rgb(122,116,18)
```
#777a12
```
#777a12 rgb(119,122,18)
```
#6f7a12
```
#6f7a12 rgb(111,122,18)
```
#667a12
```
#667a12 rgb(102,122,18)
```
#5d7a12
```
#5d7a12 rgb(93,122,18)
```
#557a12
```
#557a12 rgb(85,122,18)
```
#4c7a12
```
#4c7a12 rgb(76,122,18)
```

Similar Colors

Text with hexadecimal color #667a12

This text has a font color of #667a12.

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

#667a12 background color

This paragraph has a background color of #667a12.

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

#667a12 border color

This element has a border color of #667a12.

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

CSS codes

.text {color:#667a12;}

.background {background-color:#667a12;}

.border {border:1px solid #667a12;}

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

#020200
```
#020200 rgb(2,2,0)
```
#101303
```
#101303 rgb(16,19,3)
```
#1f2505
```
#1f2505 rgb(31,37,5)
```
#2d3608
```
#2d3608 rgb(45,54,8)
```
#3b470a
```
#3b470a rgb(59,71,10)
```
#49580d
```
#49580d rgb(73,88,13)
```
#58690f
```
#58690f rgb(88,105,15)
```
#667a12
```
#667a12 rgb(102,122,18)
```
#748b15
```
#748b15 rgb(116,139,21)
```
#839c17
```
#839c17 rgb(131,156,23)
```
#91ad1a
```
#91ad1a rgb(145,173,26)
```
#9fbe1c
```
#9fbe1c rgb(159,190,28)
```
#adcf1f
```
#adcf1f rgb(173,207,31)
```

Shade Color Variation

#bbdf23
```
#bbdf23 rgb(187,223,35)
```
#c0e134
```
#c0e134 rgb(192,225,52)
```
#c5e445
```
#c5e445 rgb(197,228,69)
```
#cae656
```
#cae656 rgb(202,230,86)
```
#d0e968
```
#d0e968 rgb(208,233,104)
```
#d5eb79
```
#d5eb79 rgb(213,235,121)
```
#daee8a
```
#daee8a rgb(218,238,138)
```
#e0f09b
```
#e0f09b rgb(224,240,155)
```
#e5f3ac
```
#e5f3ac rgb(229,243,172)
```
#eaf5bd
```
#eaf5bd rgb(234,245,189)
```
#f0f8ce
```
#f0f8ce rgb(240,248,206)
```
#f5fadf
```
#f5fadf rgb(245,250,223)
```
#fafdf0
```
#fafdf0 rgb(250,253,240)
```

Tint Color Variation

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

#484a42
```
#484a42 rgb(72,74,66)
```
#4b4f3d
```
#4b4f3d rgb(75,79,61)
```
#4f5438
```
#4f5438 rgb(79,84,56)
```
#525a32
```
#525a32 rgb(82,90,50)
```
#555f2d
```
#555f2d rgb(85,95,45)
```
#596428
```
#596428 rgb(89,100,40)
```
#5c6a22
```
#5c6a22 rgb(92,106,34)
```
#5f6f1d
```
#5f6f1d rgb(95,111,29)
```
#637517
```
#637517 rgb(99,117,23)
```
#667a12
```
#667a12 rgb(102,122,18)
```
#697f0d
```
#697f0d rgb(105,127,13)
```
#6d8507
```
#6d8507 rgb(109,133,7)
```
#708a02
```
#708a02 rgb(112,138,2)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#686c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87791c Protanopia 1% of men
#967326 Deuteranopia 1% of men
#787881 Tritanopia 0.001% of the population

Trichromacy

#7b7918 Protanomaly 1% of men, 0.01% of women
#84751f Deuteranomaly 6% of men, 0.4% of women
#717958 Tritanomaly 0.01% of the population

#667a12 hex color

#667a12 Color Information

#667a12 Color Conversion

Color Schemes with #667a12

Alternatives to #667a12

#667a12 Preview

Shades and Tints of #667a12

Tones of #667a12

Color Blindness Simulator