#006680 hex color

In a RGB color space, hex #006680 is composed of 0% red, 40% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 20.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 192.2 degrees, a saturation of 100% and a lightness of 25.1%. #006680 color hex could be obtained by blending #00ccff with #000001. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 0
- G 40
- B 50
RGB color chart
- C 100
- M 20
- Y 0
- K 50
CMYK color chart

● #006680 color description : Dark cyan.

The hexadecimal color #006680 has RGB values of R:0, G:102, B:128 and CMYK values of C:1, M:0.2, Y:0, K:0.5. Its decimal value is 26240.

Hex triplet	006680	`#006680`
RGB Decimal	0, 102, 128	`rgb(0,102,128)`
RGB Percent	0, 40, 50.2	`rgb(0%,40%,50.2%)`
CMYK	100, 20, 0, 50
HSL	192.2°, 100, 25.1	`hsl(192.2,100%,25.1%)`
HSV (or HSB)	192.2°, 100, 50.2
Web Safe	006699	`#006699`

CIE-LAB	39.682, -15.135, -21.533
XYZ	8.647, 11.06, 22.1
xyY	0.207, 0.265, 11.06
CIE-LCH	39.682, 26.32, 234.899
CIE-LUV	39.682, -27.981, -28.393
Hunter-Lab	33.257, -11.791, -16.119
Binary	00000000, 01100110, 10000000

#006680
```
#006680 rgb(0,102,128)
```
#801a00
```
#801a00 rgb(128,26,0)
```

Complementary Color

#00805a
```
#00805a rgb(0,128,90)
```
#006680
```
#006680 rgb(0,102,128)
```
#002680
```
#002680 rgb(0,38,128)
```

Analogous Color

#805a00
```
#805a00 rgb(128,90,0)
```
#006680
```
#006680 rgb(0,102,128)
```
#800026
```
#800026 rgb(128,0,38)
```

Split Complementary Color

#668000
```
#668000 rgb(102,128,0)
```
#006680
```
#006680 rgb(0,102,128)
```
#800066
```
#800066 rgb(128,0,102)
```

Triadic Color

#00801a
```
#00801a rgb(0,128,26)
```
#006680
```
#006680 rgb(0,102,128)
```
#800066
```
#800066 rgb(128,0,102)
```
#801a00
```
#801a00 rgb(128,26,0)
```

Tetradic Color

#002934
```
#002934 rgb(0,41,52)
```
#003d4d
```
#003d4d rgb(0,61,77)
```
#005267
```
#005267 rgb(0,82,103)
```
#006680
```
#006680 rgb(0,102,128)
```
#007a9a
```
#007a9a rgb(0,122,154)
```
#008fb3
```
#008fb3 rgb(0,143,179)
```
#00a3cd
```
#00a3cd rgb(0,163,205)
```

Monochromatic Color

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

#00807a
```
#00807a rgb(0,128,122)
```
#007b80
```
#007b80 rgb(0,123,128)
```
#007180
```
#007180 rgb(0,113,128)
```
#006680
```
#006680 rgb(0,102,128)
```
#005b80
```
#005b80 rgb(0,91,128)
```
#005180
```
#005180 rgb(0,81,128)
```
#004680
```
#004680 rgb(0,70,128)
```

Similar Colors

Text with hexadecimal color #006680

This text has a font color of #006680.

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

#006680 background color

This paragraph has a background color of #006680.

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

#006680 border color

This element has a border color of #006680.

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

CSS codes

.text {color:#006680;}

.background {background-color:#006680;}

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

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, #00080a is the darkest color, while #f6fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#00181e
```
#00181e rgb(0,24,30)
```
#002732
```
#002732 rgb(0,39,50)
```
#003745
```
#003745 rgb(0,55,69)
```
#004759
```
#004759 rgb(0,71,89)
```
#00566c
```
#00566c rgb(0,86,108)
```
#006680
```
#006680 rgb(0,102,128)
```
#007694
```
#007694 rgb(0,118,148)
```
#0085a7
```
#0085a7 rgb(0,133,167)
```
#0095bb
```
#0095bb rgb(0,149,187)
```
#00a5ce
```
#00a5ce rgb(0,165,206)
```
#00b4e2
```
#00b4e2 rgb(0,180,226)
```
#00c4f6
```
#00c4f6 rgb(0,196,246)
```

Shade Color Variation

#0acdff
```
#0acdff rgb(10,205,255)
```
#1ed1ff
```
#1ed1ff rgb(30,209,255)
```
#32d5ff
```
#32d5ff rgb(50,213,255)
```
#45d9ff
```
#45d9ff rgb(69,217,255)
```
#59ddff
```
#59ddff rgb(89,221,255)
```
#6ce1ff
```
#6ce1ff rgb(108,225,255)
```
#80e5ff
```
#80e5ff rgb(128,229,255)
```
#94e9ff
```
#94e9ff rgb(148,233,255)
```
#a7edff
```
#a7edff rgb(167,237,255)
```
#bbf1ff
```
#bbf1ff rgb(187,241,255)
```
#cef5ff
```
#cef5ff rgb(206,245,255)
```
#e2f9ff
```
#e2f9ff rgb(226,249,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#3b4345
```
#3b4345 rgb(59,67,69)
```
#36464a
```
#36464a rgb(54,70,74)
```
#31494f
```
#31494f rgb(49,73,79)
```
#2c4c54
```
#2c4c54 rgb(44,76,84)
```
#274f59
```
#274f59 rgb(39,79,89)
```
#22525e
```
#22525e rgb(34,82,94)
```
#1e5462
```
#1e5462 rgb(30,84,98)
```
#195767
```
#195767 rgb(25,87,103)
```
#145a6c
```
#145a6c rgb(20,90,108)
```
#0f5d71
```
#0f5d71 rgb(15,93,113)
```
#0a6076
```
#0a6076 rgb(10,96,118)
```
#05637b
```
#05637b rgb(5,99,123)
```
#006680
```
#006680 rgb(0,102,128)
```

Tone Color Variation

Below, you can see how #006680 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
#3b5055 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6480 Protanopia 1% of men
#58648a Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#3b6580 Protanomaly 1% of men, 0.01% of women
#386586 Deuteranomaly 6% of men, 0.4% of women
#006c7a Tritanomaly 0.01% of the population

#006680 hex color

#006680 Color Information

#006680 Color Conversion

Color Schemes with #006680

Alternatives to #006680

#006680 Preview

Shades and Tints of #006680

Tones of #006680

Color Blindness Simulator