#00686f hex color

In a RGB color space, hex #00686f is composed of 0% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 6.3% magenta, 0% yellow and 56.5% black. It has a hue angle of 183.8 degrees, a saturation of 100% and a lightness of 21.8%. #00686f color hex could be obtained by blending #00d0de with #000000. Closest websafe color is: #006666.

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

● #00686f color description : Very dark cyan.

The hexadecimal color #00686f has RGB values of R:0, G:104, B:111 and CMYK values of C:1, M:0.06, Y:0, K:0.56. Its decimal value is 26735.

Hex triplet	00686f	`#00686f`
RGB Decimal	0, 104, 111	`rgb(0,104,111)`
RGB Percent	0, 40.8, 43.5	`rgb(0%,40.8%,43.5%)`
CMYK	100, 6, 0, 56
HSL	183.8°, 100, 21.8	`hsl(183.8,100%,21.8%)`
HSV (or HSB)	183.8°, 100, 43.5
Web Safe	006666	`#006666`

CIE-LAB	39.66, -22.461, -11.215
XYZ	7.819, 11.048, 16.758
xyY	0.219, 0.31, 11.048
CIE-LCH	39.66, 25.105, 206.534
CIE-LUV	39.66, -29.955, -12.415
Hunter-Lab	33.238, -16.177, -6.627
Binary	00000000, 01101000, 01101111

#00686f
```
#00686f rgb(0,104,111)
```
#6f0700
```
#6f0700 rgb(111,7,0)
```

Complementary Color

#006f3e
```
#006f3e rgb(0,111,62)
```
#00686f
```
#00686f rgb(0,104,111)
```
#00316f
```
#00316f rgb(0,49,111)
```

Analogous Color

#6f3e00
```
#6f3e00 rgb(111,62,0)
```
#00686f
```
#00686f rgb(0,104,111)
```
#6f0031
```
#6f0031 rgb(111,0,49)
```

Split Complementary Color

#686f00
```
#686f00 rgb(104,111,0)
```
#00686f
```
#00686f rgb(0,104,111)
```
#6f0068
```
#6f0068 rgb(111,0,104)
```

Triadic Color

#006f07
```
#006f07 rgb(0,111,7)
```
#00686f
```
#00686f rgb(0,104,111)
```
#6f0068
```
#6f0068 rgb(111,0,104)
```
#6f0700
```
#6f0700 rgb(111,7,0)
```

Tetradic Color

#002023
```
#002023 rgb(0,32,35)
```
#00383c
```
#00383c rgb(0,56,60)
```
#005056
```
#005056 rgb(0,80,86)
```
#00686f
```
#00686f rgb(0,104,111)
```
#008089
```
#008089 rgb(0,128,137)
```
#0098a2
```
#0098a2 rgb(0,152,162)
```
#00b0bc
```
#00b0bc rgb(0,176,188)
```

Monochromatic Color

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

#006f5a
```
#006f5a rgb(0,111,90)
```
#006f63
```
#006f63 rgb(0,111,99)
```
#006f6d
```
#006f6d rgb(0,111,109)
```
#00686f
```
#00686f rgb(0,104,111)
```
#005f6f
```
#005f6f rgb(0,95,111)
```
#00566f
```
#00566f rgb(0,86,111)
```
#004c6f
```
#004c6f rgb(0,76,111)
```

Similar Colors

Text with hexadecimal color #00686f

This text has a font color of #00686f.

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

#00686f background color

This paragraph has a background color of #00686f.

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

#00686f border color

This element has a border color of #00686f.

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

CSS codes

.text {color:#00686f;}

.background {background-color:#00686f;}

.border {border:1px solid #00686f;}

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, #000c0d is the darkest color, while #f8ffff is the lightest one.

#000c0d
```
#000c0d rgb(0,12,13)
```
#001e21
```
#001e21 rgb(0,30,33)
```
#003134
```
#003134 rgb(0,49,52)
```
#004348
```
#004348 rgb(0,67,72)
```
#00565b
```
#00565b rgb(0,86,91)
```
#00686f
```
#00686f rgb(0,104,111)
```
#007a83
```
#007a83 rgb(0,122,131)
```
#008d96
```
#008d96 rgb(0,141,150)
```
#009faa
```
#009faa rgb(0,159,170)
```
#00b2bd
```
#00b2bd rgb(0,178,189)
```
#00c4d1
```
#00c4d1 rgb(0,196,209)
```
#00d6e5
```
#00d6e5 rgb(0,214,229)
```
#00e9f8
```
#00e9f8 rgb(0,233,248)
```

Shade Color Variation

#0df0ff
```
#0df0ff rgb(13,240,255)
```
#21f1ff
```
#21f1ff rgb(33,241,255)
```
#34f2ff
```
#34f2ff rgb(52,242,255)
```
#48f3ff
```
#48f3ff rgb(72,243,255)
```
#5bf5ff
```
#5bf5ff rgb(91,245,255)
```
#6ff6ff
```
#6ff6ff rgb(111,246,255)
```
#83f7ff
```
#83f7ff rgb(131,247,255)
```
#96f8ff
```
#96f8ff rgb(150,248,255)
```
#aafaff
```
#aafaff rgb(170,250,255)
```
#bdfbff
```
#bdfbff rgb(189,251,255)
```
#d1fcff
```
#d1fcff rgb(209,252,255)
```
#e5fdff
```
#e5fdff rgb(229,253,255)
```
#f8ffff
```
#f8ffff rgb(248,255,255)
```

Tint Color Variation

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

#333b3c
```
#333b3c rgb(51,59,60)
```
#2f3f40
```
#2f3f40 rgb(47,63,64)
```
#2b4344
```
#2b4344 rgb(43,67,68)
```
#264649
```
#264649 rgb(38,70,73)
```
#224a4d
```
#224a4d rgb(34,74,77)
```
#1e4e51
```
#1e4e51 rgb(30,78,81)
```
#1a5255
```
#1a5255 rgb(26,82,85)
```
#15555a
```
#15555a rgb(21,85,90)
```
#11595e
```
#11595e rgb(17,89,94)
```
#0d5d62
```
#0d5d62 rgb(13,93,98)
```
#096166
```
#096166 rgb(9,97,102)
```
#04646b
```
#04646b rgb(4,100,107)
```
#00686f
```
#00686f rgb(0,104,111)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3b5051 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646570 Protanopia 1% of men
#63637b Deuteranopia 1% of men
#0c6f77 Tritanopia 0.001% of the population

Trichromacy

#3f666f Protanomaly 1% of men, 0.01% of women
#3f6576 Deuteranomaly 6% of men, 0.4% of women
#086c74 Tritanomaly 0.01% of the population

#00686f hex color

#00686f Color Information

#00686f Color Conversion

Color Schemes with #00686f

Alternatives to #00686f

#00686f Preview

Shades and Tints of #00686f

Tones of #00686f

Color Blindness Simulator