#696f18 hex color

In a RGB color space, hex #696f18 is composed of 41.2% red, 43.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 78.4% yellow and 56.5% black. It has a hue angle of 64.1 degrees, a saturation of 64.4% and a lightness of 26.5%. #696f18 color hex could be obtained by blending #d2de30 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 41
- G 44
- B 9
RGB color chart
- C 5
- M 0
- Y 78
- K 56
CMYK color chart

● #696f18 color description : Very dark yellow [Olive tone].

The hexadecimal color #696f18 has RGB values of R:105, G:111, B:24 and CMYK values of C:0.05, M:0, Y:0.78, K:0.56. Its decimal value is 6909720.

Hex triplet	696f18	`#696f18`
RGB Decimal	105, 111, 24	`rgb(105,111,24)`
RGB Percent	41.2, 43.5, 9.4	`rgb(41.2%,43.5%,9.4%)`
CMYK	5, 0, 78, 56
HSL	64.1°, 64.4, 26.5	`hsl(64.1,64.4%,26.5%)`
HSV (or HSB)	64.1°, 78.4, 43.5
Web Safe	666600	`#666600`

CIE-LAB	44.855, -13.758, 44.275
XYZ	11.675, 14.438, 3.036
xyY	0.401, 0.495, 14.438
CIE-LCH	44.855, 46.364, 107.262
CIE-LUV	44.855, -0.635, 46.141
Hunter-Lab	37.998, -11.651, 21.861
Binary	01101001, 01101111, 00011000

#696f18
```
#696f18 rgb(105,111,24)
```
#1e186f
```
#1e186f rgb(30,24,111)
```

Complementary Color

#6f4a18
```
#6f4a18 rgb(111,74,24)
```
#696f18
```
#696f18 rgb(105,111,24)
```
#3e6f18
```
#3e6f18 rgb(62,111,24)
```

Analogous Color

#4a186f
```
#4a186f rgb(74,24,111)
```
#696f18
```
#696f18 rgb(105,111,24)
```
#183e6f
```
#183e6f rgb(24,62,111)
```

Split Complementary Color

#6f1869
```
#6f1869 rgb(111,24,105)
```
#696f18
```
#696f18 rgb(105,111,24)
```
#18696f
```
#18696f rgb(24,105,111)
```

Triadic Color

#6f1e18
```
#6f1e18 rgb(111,30,24)
```
#696f18
```
#696f18 rgb(105,111,24)
```
#18696f
```
#18696f rgb(24,105,111)
```
#1e186f
```
#1e186f rgb(30,24,111)
```

Tetradic Color

#2e300a
```
#2e300a rgb(46,48,10)
```
#41450f
```
#41450f rgb(65,69,15)
```
#555a13
```
#555a13 rgb(85,90,19)
```
#696f18
```
#696f18 rgb(105,111,24)
```
#7d841d
```
#7d841d rgb(125,132,29)
```
#919921
```
#919921 rgb(145,153,33)
```
#a5ae26
```
#a5ae26 rgb(165,174,38)
```

Monochromatic Color

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

#6f5f18
```
#6f5f18 rgb(111,95,24)
```
#6f6718
```
#6f6718 rgb(111,103,24)
```
#6f6e18
```
#6f6e18 rgb(111,110,24)
```
#696f18
```
#696f18 rgb(105,111,24)
```
#626f18
```
#626f18 rgb(98,111,24)
```
#5b6f18
```
#5b6f18 rgb(91,111,24)
```
#536f18
```
#536f18 rgb(83,111,24)
```

Similar Colors

Text with hexadecimal color #696f18

This text has a font color of #696f18.

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

#696f18 background color

This paragraph has a background color of #696f18.

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

#696f18 border color

This element has a border color of #696f18.

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

CSS codes

.text {color:#696f18;}

.background {background-color:#696f18;}

.border {border:1px solid #696f18;}

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, #0d0e03 is the darkest color, while #fefffd is the lightest one.

#0d0e03
```
#0d0e03 rgb(13,14,3)
```
#1d1e07
```
#1d1e07 rgb(29,30,7)
```
#2c2e0a
```
#2c2e0a rgb(44,46,10)
```
#3b3f0e
```
#3b3f0e rgb(59,63,14)
```
#4a4f11
```
#4a4f11 rgb(74,79,17)
```
#5a5f15
```
#5a5f15 rgb(90,95,21)
```
#696f18
```
#696f18 rgb(105,111,24)
```
#787f1b
```
#787f1b rgb(120,127,27)
```
#888f1f
```
#888f1f rgb(136,143,31)
```
#979f22
```
#979f22 rgb(151,159,34)
```
#a6b026
```
#a6b026 rgb(166,176,38)
```
#b5c029
```
#b5c029 rgb(181,192,41)
```
#c5d02d
```
#c5d02d rgb(197,208,45)
```

Shade Color Variation

#cad53c
```
#cad53c rgb(202,213,60)
```
#cfd84c
```
#cfd84c rgb(207,216,76)
```
#d3dc5c
```
#d3dc5c rgb(211,220,92)
```
#d7df6c
```
#d7df6c rgb(215,223,108)
```
#dce37c
```
#dce37c rgb(220,227,124)
```
#e0e68c
```
#e0e68c rgb(224,230,140)
```
#e4ea9c
```
#e4ea9c rgb(228,234,156)
```
#e9edac
```
#e9edac rgb(233,237,172)
```
#edf1bd
```
#edf1bd rgb(237,241,189)
```
#f1f4cd
```
#f1f4cd rgb(241,244,205)
```
#f6f8dd
```
#f6f8dd rgb(246,248,221)
```
#fafbed
```
#fafbed rgb(250,251,237)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#454542
```
#454542 rgb(69,69,66)
```
#4a4b3c
```
#4a4b3c rgb(74,75,60)
```
#4e5037
```
#4e5037 rgb(78,80,55)
```
#535532
```
#535532 rgb(83,85,50)
```
#575a2d
```
#575a2d rgb(87,90,45)
```
#5c5f28
```
#5c5f28 rgb(92,95,40)
```
#606522
```
#606522 rgb(96,101,34)
```
#656a1d
```
#656a1d rgb(101,106,29)
```
#696f18
```
#696f18 rgb(105,111,24)
```
#6d7413
```
#6d7413 rgb(109,116,19)
```
#72790e
```
#72790e rgb(114,121,14)
```
#767f08
```
#767f08 rgb(118,127,8)
```
#7b8403
```
#7b8403 rgb(123,132,3)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#646554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7222 Protanopia 1% of men
#8d6c29 Deuteranopia 1% of men
#796e76 Tritanopia 0.001% of the population

Trichromacy

#77701e Protanomaly 1% of men, 0.01% of women
#7f6d22 Deuteranomaly 6% of men, 0.4% of women
#736e54 Tritanomaly 0.01% of the population

#696f18 hex color

#696f18 Color Information

#696f18 Color Conversion

Color Schemes with #696f18

Alternatives to #696f18

#696f18 Preview

Shades and Tints of #696f18

Tones of #696f18

Color Blindness Simulator