#686300 hex color

In a RGB color space, hex #686300 is composed of 40.8% red, 38.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.8% magenta, 100% yellow and 59.2% black. It has a hue angle of 57.1 degrees, a saturation of 100% and a lightness of 20.4%. #686300 color hex could be obtained by blending #d0c600 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 41
- G 39
- B 0
RGB color chart
- C 0
- M 5
- Y 100
- K 59
CMYK color chart

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

The hexadecimal color #686300 has RGB values of R:104, G:99, B:0 and CMYK values of C:0, M:0.05, Y:1, K:0.59. Its decimal value is 6841088.

Hex triplet	686300	`#686300`
RGB Decimal	104, 99, 0	`rgb(104,99,0)`
RGB Percent	40.8, 38.8, 0	`rgb(40.8%,38.8%,0%)`
CMYK	0, 5, 100, 59
HSL	57.1°, 100, 20.4	`hsl(57.1,100%,20.4%)`
HSV (or HSB)	57.1°, 100, 40.8
Web Safe	666600	`#666600`

CIE-LAB	41.004, -8.327, 47.764
XYZ	10.171, 11.867, 1.755
xyY	0.427, 0.499, 11.867
CIE-LCH	41.004, 48.484, 99.89
CIE-LUV	41.004, 6.65, 44.663
Hunter-Lab	34.448, -7.583, 21.094
Binary	01101000, 01100011, 00000000

#686300
```
#686300 rgb(104,99,0)
```
#000568
```
#000568 rgb(0,5,104)
```

Complementary Color

#682f00
```
#682f00 rgb(104,47,0)
```
#686300
```
#686300 rgb(104,99,0)
```
#396800
```
#396800 rgb(57,104,0)
```

Analogous Color

#2f0068
```
#2f0068 rgb(47,0,104)
```
#686300
```
#686300 rgb(104,99,0)
```
#003968
```
#003968 rgb(0,57,104)
```

Split Complementary Color

#630068
```
#630068 rgb(99,0,104)
```
#686300
```
#686300 rgb(104,99,0)
```
#006863
```
#006863 rgb(0,104,99)
```

Triadic Color

#680005
```
#680005 rgb(104,0,5)
```
#686300
```
#686300 rgb(104,99,0)
```
#006863
```
#006863 rgb(0,104,99)
```
#000568
```
#000568 rgb(0,5,104)
```

Tetradic Color

#1c1a00
```
#1c1a00 rgb(28,26,0)
```
#353200
```
#353200 rgb(53,50,0)
```
#4f4b00
```
#4f4b00 rgb(79,75,0)
```
#686300
```
#686300 rgb(104,99,0)
```
#827b00
```
#827b00 rgb(130,123,0)
```
#9b9400
```
#9b9400 rgb(155,148,0)
```
#b5ac00
```
#b5ac00 rgb(181,172,0)
```

Monochromatic Color

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

#684900
```
#684900 rgb(104,73,0)
```
#685200
```
#685200 rgb(104,82,0)
```
#685a00
```
#685a00 rgb(104,90,0)
```
#686300
```
#686300 rgb(104,99,0)
```
#646800
```
#646800 rgb(100,104,0)
```
#5c6800
```
#5c6800 rgb(92,104,0)
```
#536800
```
#536800 rgb(83,104,0)
```

Similar Colors

Text with hexadecimal color #686300

This text has a font color of #686300.

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

#686300 background color

This paragraph has a background color of #686300.

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

#686300 border color

This element has a border color of #686300.

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

CSS codes

.text {color:#686300;}

.background {background-color:#686300;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#1a1800
```
#1a1800 rgb(26,24,0)
```
#2d2b00
```
#2d2b00 rgb(45,43,0)
```
#413e00
```
#413e00 rgb(65,62,0)
```
#545000
```
#545000 rgb(84,80,0)
```
#686300
```
#686300 rgb(104,99,0)
```
#7c7600
```
#7c7600 rgb(124,118,0)
```
#8f8800
```
#8f8800 rgb(143,136,0)
```
#a39b00
```
#a39b00 rgb(163,155,0)
```
#b6ae00
```
#b6ae00 rgb(182,174,0)
```
#cac000
```
#cac000 rgb(202,192,0)
```
#ded300
```
#ded300 rgb(222,211,0)
```
#f1e600
```
#f1e600 rgb(241,230,0)
```

Shade Color Variation

#fff306
```
#fff306 rgb(255,243,6)
```
#fff41a
```
#fff41a rgb(255,244,26)
```
#fff52d
```
#fff52d rgb(255,245,45)
```
#fff641
```
#fff641 rgb(255,246,65)
```
#fff754
```
#fff754 rgb(255,247,84)
```
#fff868
```
#fff868 rgb(255,248,104)
```
#fff97c
```
#fff97c rgb(255,249,124)
```
#fffa8f
```
#fffa8f rgb(255,250,143)
```
#fffba3
```
#fffba3 rgb(255,251,163)
```
#fffcb6
```
#fffcb6 rgb(255,252,182)
```
#fffcca
```
#fffcca rgb(255,252,202)
```
#fffdde
```
#fffdde rgb(255,253,222)
```
#fffef1
```
#fffef1 rgb(255,254,241)
```

Tint Color Variation

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

#383830
```
#383830 rgb(56,56,48)
```
#3c3b2c
```
#3c3b2c rgb(60,59,44)
```
#403f28
```
#403f28 rgb(64,63,40)
```
#444224
```
#444224 rgb(68,66,36)
```
#484620
```
#484620 rgb(72,70,32)
```
#4c4a1c
```
#4c4a1c rgb(76,74,28)
```
#504d18
```
#504d18 rgb(80,77,24)
```
#545114
```
#545114 rgb(84,81,20)
```
#585510
```
#585510 rgb(88,85,16)
```
#5c580c
```
#5c580c rgb(92,88,12)
```
#605c08
```
#605c08 rgb(96,92,8)
```
#645f04
```
#645f04 rgb(100,95,4)
```
#686300
```
#686300 rgb(104,99,0)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#5c5b47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756900 Protanopia 1% of men
#836312 Deuteranopia 1% of men
#76636b Tritanopia 0.001% of the population

Trichromacy

#706600 Protanomaly 1% of men, 0.01% of women
#79630b Deuteranomaly 6% of men, 0.4% of women
#716344 Tritanomaly 0.01% of the population

#686300 hex color

#686300 Color Information

#686300 Color Conversion

Color Schemes with #686300

Alternatives to #686300

#686300 Preview

Shades and Tints of #686300

Tones of #686300

Color Blindness Simulator