#00686b hex color

In a RGB color space, hex #00686b is composed of 0% red, 40.8% green and 42% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 2.8% magenta, 0% yellow and 58% black. It has a hue angle of 181.7 degrees, a saturation of 100% and a lightness of 21%. #00686b color hex could be obtained by blending #00d0d6 with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 0
- G 41
- B 42
RGB color chart
- C 100
- M 3
- Y 0
- K 58
CMYK color chart

● #00686b color description : Very dark cyan.

The hexadecimal color #00686b has RGB values of R:0, G:104, B:107 and CMYK values of C:1, M:0.03, Y:0, K:0.58. Its decimal value is 26731.

Hex triplet	00686b	`#00686b`
RGB Decimal	0, 104, 107	`rgb(0,104,107)`
RGB Percent	0, 40.8, 42	`rgb(0%,40.8%,42%)`
CMYK	100, 3, 0, 58
HSL	181.7°, 100, 21	`hsl(181.7,100%,21%)`
HSV (or HSB)	181.7°, 100, 42
Web Safe	006666	`#006666`

CIE-LAB	39.515, -23.851, -8.991
XYZ	7.603, 10.961, 15.624
xyY	0.222, 0.321, 10.961
CIE-LCH	39.515, 25.489, 200.654
CIE-LUV	39.515, -30.257, -9.07
Hunter-Lab	33.108, -16.946, -4.804
Binary	00000000, 01101000, 01101011

#00686b
```
#00686b rgb(0,104,107)
```
#6b0300
```
#6b0300 rgb(107,3,0)
```

Complementary Color

#006b38
```
#006b38 rgb(0,107,56)
```
#00686b
```
#00686b rgb(0,104,107)
```
#00336b
```
#00336b rgb(0,51,107)
```

Analogous Color

#6b3800
```
#6b3800 rgb(107,56,0)
```
#00686b
```
#00686b rgb(0,104,107)
```
#6b0033
```
#6b0033 rgb(107,0,51)
```

Split Complementary Color

#686b00
```
#686b00 rgb(104,107,0)
```
#00686b
```
#00686b rgb(0,104,107)
```
#6b0068
```
#6b0068 rgb(107,0,104)
```

Triadic Color

#006b03
```
#006b03 rgb(0,107,3)
```
#00686b
```
#00686b rgb(0,104,107)
```
#6b0068
```
#6b0068 rgb(107,0,104)
```
#6b0300
```
#6b0300 rgb(107,3,0)
```

Tetradic Color

#001e1f
```
#001e1f rgb(0,30,31)
```
#003638
```
#003638 rgb(0,54,56)
```
#004f52
```
#004f52 rgb(0,79,82)
```
#00686b
```
#00686b rgb(0,104,107)
```
#008185
```
#008185 rgb(0,129,133)
```
#009a9e
```
#009a9e rgb(0,154,158)
```
#00b2b8
```
#00b2b8 rgb(0,178,184)
```

Monochromatic Color

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

#006b53
```
#006b53 rgb(0,107,83)
```
#006b5c
```
#006b5c rgb(0,107,92)
```
#006b65
```
#006b65 rgb(0,107,101)
```
#00686b
```
#00686b rgb(0,104,107)
```
#005f6b
```
#005f6b rgb(0,95,107)
```
#00566b
```
#00566b rgb(0,86,107)
```
#004d6b
```
#004d6b rgb(0,77,107)
```

Similar Colors

Text with hexadecimal color #00686b

This text has a font color of #00686b.

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

#00686b background color

This paragraph has a background color of #00686b.

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

#00686b border color

This element has a border color of #00686b.

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

CSS codes

.text {color:#00686b;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#001c1d
```
#001c1d rgb(0,28,29)
```
#002f30
```
#002f30 rgb(0,47,48)
```
#004244
```
#004244 rgb(0,66,68)
```
#005557
```
#005557 rgb(0,85,87)
```
#00686b
```
#00686b rgb(0,104,107)
```
#007b7f
```
#007b7f rgb(0,123,127)
```
#008e92
```
#008e92 rgb(0,142,146)
```
#00a1a6
```
#00a1a6 rgb(0,161,166)
```
#00b4b9
```
#00b4b9 rgb(0,180,185)
```
#00c7cd
```
#00c7cd rgb(0,199,205)
```
#00dae1
```
#00dae1 rgb(0,218,225)
```
#00edf4
```
#00edf4 rgb(0,237,244)
```

Shade Color Variation

#09f8ff
```
#09f8ff rgb(9,248,255)
```
#1df9ff
```
#1df9ff rgb(29,249,255)
```
#30f9ff
```
#30f9ff rgb(48,249,255)
```
#44faff
```
#44faff rgb(68,250,255)
```
#57faff
```
#57faff rgb(87,250,255)
```
#6bfbff
```
#6bfbff rgb(107,251,255)
```
#7ffbff
```
#7ffbff rgb(127,251,255)
```
#92fcff
```
#92fcff rgb(146,252,255)
```
#a6fdff
```
#a6fdff rgb(166,253,255)
```
#b9fdff
```
#b9fdff rgb(185,253,255)
```
#cdfeff
```
#cdfeff rgb(205,254,255)
```
#e1feff
```
#e1feff rgb(225,254,255)
```
#f4ffff
```
#f4ffff rgb(244,255,255)
```

Tint Color Variation

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

#31393a
```
#31393a rgb(49,57,58)
```
#2d3d3e
```
#2d3d3e rgb(45,61,62)
```
#294142
```
#294142 rgb(41,65,66)
```
#254546
```
#254546 rgb(37,69,70)
```
#21494a
```
#21494a rgb(33,73,74)
```
#1d4d4e
```
#1d4d4e rgb(29,77,78)
```
#195152
```
#195152 rgb(25,81,82)
```
#155556
```
#155556 rgb(21,85,86)
```
#10585b
```
#10585b rgb(16,88,91)
```
#0c5c5f
```
#0c5c5f rgb(12,92,95)
```
#086063
```
#086063 rgb(8,96,99)
```
#046467
```
#046467 rgb(4,100,103)
```
#00686b
```
#00686b rgb(0,104,107)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3a4f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#65646c Protanopia 1% of men
#656377 Deuteranopia 1% of men
#156f77 Tritanopia 0.001% of the population

Trichromacy

#40666b Protanomaly 1% of men, 0.01% of women
#406572 Deuteranomaly 6% of men, 0.4% of women
#0d6c72 Tritanomaly 0.01% of the population

#00686b hex color

#00686b Color Information

#00686b Color Conversion

Color Schemes with #00686b

Alternatives to #00686b

#00686b Preview

Shades and Tints of #00686b

Tones of #00686b

Color Blindness Simulator