#006682 hex color

In a RGB color space, hex #006682 is composed of 0% red, 40% green and 51% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 21.5% magenta, 0% yellow and 49% black. It has a hue angle of 192.9 degrees, a saturation of 100% and a lightness of 25.5%. #006682 color hex could be obtained by blending #00ccff with #000005. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 0
- G 40
- B 51
RGB color chart
- C 100
- M 22
- Y 0
- K 49
CMYK color chart

● #006682 color description : Dark cyan.

The hexadecimal color #006682 has RGB values of R:0, G:102, B:130 and CMYK values of C:1, M:0.22, Y:0, K:0.49. Its decimal value is 26242.

Hex triplet	006682	`#006682`
RGB Decimal	0, 102, 130	`rgb(0,102,130)`
RGB Percent	0, 40, 51	`rgb(0%,40%,51%)`
CMYK	100, 22, 0, 49
HSL	192.9°, 100, 25.5	`hsl(192.9,100%,25.5%)`
HSV (or HSB)	192.9°, 100, 51
Web Safe	006699	`#006699`

CIE-LAB	39.771, -14.372, -22.608
XYZ	8.78, 11.114, 22.8
xyY	0.206, 0.26, 11.114
CIE-LCH	39.771, 26.79, 237.556
CIE-LUV	39.771, -27.839, -30.098
Hunter-Lab	33.337, -11.33, -17.214
Binary	00000000, 01100110, 10000010

#006682
```
#006682 rgb(0,102,130)
```
#821c00
```
#821c00 rgb(130,28,0)
```

Complementary Color

#00825d
```
#00825d rgb(0,130,93)
```
#006682
```
#006682 rgb(0,102,130)
```
#002582
```
#002582 rgb(0,37,130)
```

Analogous Color

#825d00
```
#825d00 rgb(130,93,0)
```
#006682
```
#006682 rgb(0,102,130)
```
#820025
```
#820025 rgb(130,0,37)
```

Split Complementary Color

#668200
```
#668200 rgb(102,130,0)
```
#006682
```
#006682 rgb(0,102,130)
```
#820066
```
#820066 rgb(130,0,102)
```

Triadic Color

#00821c
```
#00821c rgb(0,130,28)
```
#006682
```
#006682 rgb(0,102,130)
```
#820066
```
#820066 rgb(130,0,102)
```
#821c00
```
#821c00 rgb(130,28,0)
```

Tetradic Color

#002a36
```
#002a36 rgb(0,42,54)
```
#003e4f
```
#003e4f rgb(0,62,79)
```
#005269
```
#005269 rgb(0,82,105)
```
#006682
```
#006682 rgb(0,102,130)
```
#007a9c
```
#007a9c rgb(0,122,156)
```
#008eb5
```
#008eb5 rgb(0,142,181)
```
#00a2cf
```
#00a2cf rgb(0,162,207)
```

Monochromatic Color

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

#00827e
```
#00827e rgb(0,130,126)
```
#007c82
```
#007c82 rgb(0,124,130)
```
#007182
```
#007182 rgb(0,113,130)
```
#006682
```
#006682 rgb(0,102,130)
```
#005b82
```
#005b82 rgb(0,91,130)
```
#005082
```
#005082 rgb(0,80,130)
```
#004682
```
#004682 rgb(0,70,130)
```

Similar Colors

Text with hexadecimal color #006682

This text has a font color of #006682.

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

#006682 background color

This paragraph has a background color of #006682.

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

#006682 border color

This element has a border color of #006682.

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

CSS codes

.text {color:#006682;}

.background {background-color:#006682;}

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

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

#000a0c
```
#000a0c rgb(0,10,12)
```
#001920
```
#001920 rgb(0,25,32)
```
#002834
```
#002834 rgb(0,40,52)
```
#003847
```
#003847 rgb(0,56,71)
```
#00475b
```
#00475b rgb(0,71,91)
```
#00576e
```
#00576e rgb(0,87,110)
```
#006682
```
#006682 rgb(0,102,130)
```
#007596
```
#007596 rgb(0,117,150)
```
#0085a9
```
#0085a9 rgb(0,133,169)
```
#0094bd
```
#0094bd rgb(0,148,189)
```
#00a4d0
```
#00a4d0 rgb(0,164,208)
```
#00b3e4
```
#00b3e4 rgb(0,179,228)
```
#00c2f8
```
#00c2f8 rgb(0,194,248)
```

Shade Color Variation

#0ccbff
```
#0ccbff rgb(12,203,255)
```
#20cfff
```
#20cfff rgb(32,207,255)
```
#34d3ff
```
#34d3ff rgb(52,211,255)
```
#47d7ff
```
#47d7ff rgb(71,215,255)
```
#5bdcff
```
#5bdcff rgb(91,220,255)
```
#6ee0ff
```
#6ee0ff rgb(110,224,255)
```
#82e4ff
```
#82e4ff rgb(130,228,255)
```
#96e8ff
```
#96e8ff rgb(150,232,255)
```
#a9edff
```
#a9edff rgb(169,237,255)
```
#bdf1ff
```
#bdf1ff rgb(189,241,255)
```
#d0f5ff
```
#d0f5ff rgb(208,245,255)
```
#e4f9ff
```
#e4f9ff rgb(228,249,255)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#3c4446
```
#3c4446 rgb(60,68,70)
```
#37474b
```
#37474b rgb(55,71,75)
```
#324a50
```
#324a50 rgb(50,74,80)
```
#2d4c55
```
#2d4c55 rgb(45,76,85)
```
#284f5a
```
#284f5a rgb(40,79,90)
```
#23525f
```
#23525f rgb(35,82,95)
```
#1e5564
```
#1e5564 rgb(30,85,100)
```
#195869
```
#195869 rgb(25,88,105)
```
#145b6e
```
#145b6e rgb(20,91,110)
```
#0f5d73
```
#0f5d73 rgb(15,93,115)
```
#0a6078
```
#0a6078 rgb(10,96,120)
```
#05637d
```
#05637d rgb(5,99,125)
```
#006682
```
#006682 rgb(0,102,130)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3c5056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6582 Protanopia 1% of men
#57658c Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#3b6582 Protanomaly 1% of men, 0.01% of women
#376588 Deuteranomaly 6% of men, 0.4% of women
#006c7b Tritanomaly 0.01% of the population

#006682 hex color

#006682 Color Information

#006682 Color Conversion

Color Schemes with #006682

Alternatives to #006682

#006682 Preview

Shades and Tints of #006682

Tones of #006682

Color Blindness Simulator