#0684a8 hex color

In a RGB color space, hex #0684a8 is composed of 2.4% red, 51.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 96.4% cyan, 21.4% magenta, 0% yellow and 34.1% black. It has a hue angle of 193.3 degrees, a saturation of 93.1% and a lightness of 34.1%. #0684a8 color hex could be obtained by blending #0cffff with #000951. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 52
- B 66
RGB color chart
- C 96
- M 21
- Y 0
- K 34
CMYK color chart

● #0684a8 color description : Dark cyan.

The hexadecimal color #0684a8 has RGB values of R:6, G:132, B:168 and CMYK values of C:0.96, M:0.21, Y:0, K:0.34. Its decimal value is 427176.

Hex triplet	0684a8	`#0684a8`
RGB Decimal	6, 132, 168	`rgb(6,132,168)`
RGB Percent	2.4, 51.8, 65.9	`rgb(2.4%,51.8%,65.9%)`
CMYK	96, 21, 0, 34
HSL	193.3°, 93.1, 34.1	`hsl(193.3,93.1%,34.1%)`
HSV (or HSB)	193.3°, 96.4, 65.9
Web Safe	009999	`#009999`

CIE-LAB	51.114, -16.746, -27.491
XYZ	15.392, 19.367, 39.971
xyY	0.206, 0.259, 19.367
CIE-LCH	51.114, 32.19, 238.653
CIE-LUV	51.114, -35.38, -39.199
Hunter-Lab	44.008, -14.581, -23.045
Binary	00000110, 10000100, 10101000

#0684a8
```
#0684a8 rgb(6,132,168)
```
#a82a06
```
#a82a06 rgb(168,42,6)
```

Complementary Color

#06a87b
```
#06a87b rgb(6,168,123)
```
#0684a8
```
#0684a8 rgb(6,132,168)
```
#0633a8
```
#0633a8 rgb(6,51,168)
```

Analogous Color

#a87b06
```
#a87b06 rgb(168,123,6)
```
#0684a8
```
#0684a8 rgb(6,132,168)
```
#a80633
```
#a80633 rgb(168,6,51)
```

Split Complementary Color

#84a806
```
#84a806 rgb(132,168,6)
```
#0684a8
```
#0684a8 rgb(6,132,168)
```
#a80684
```
#a80684 rgb(168,6,132)
```

Triadic Color

#06a82a
```
#06a82a rgb(6,168,42)
```
#0684a8
```
#0684a8 rgb(6,132,168)
```
#a80684
```
#a80684 rgb(168,6,132)
```
#a82a06
```
#a82a06 rgb(168,42,6)
```

Tetradic Color

#034a5e
```
#034a5e rgb(3,74,94)
```
#045d77
```
#045d77 rgb(4,93,119)
```
#05718f
```
#05718f rgb(5,113,143)
```
#0684a8
```
#0684a8 rgb(6,132,168)
```
#0797c1
```
#0797c1 rgb(7,151,193)
```
#08abd9
```
#08abd9 rgb(8,171,217)
```
#09bef2
```
#09bef2 rgb(9,190,242)
```

Monochromatic Color

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

#06a8a4
```
#06a8a4 rgb(6,168,164)
```
#069fa8
```
#069fa8 rgb(6,159,168)
```
#0692a8
```
#0692a8 rgb(6,146,168)
```
#0684a8
```
#0684a8 rgb(6,132,168)
```
#0677a8
```
#0677a8 rgb(6,119,168)
```
#0669a8
```
#0669a8 rgb(6,105,168)
```
#065ca8
```
#065ca8 rgb(6,92,168)
```

Similar Colors

Text with hexadecimal color #0684a8

This text has a font color of #0684a8.

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

#0684a8 background color

This paragraph has a background color of #0684a8.

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

#0684a8 border color

This element has a border color of #0684a8.

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

CSS codes

.text {color:#0684a8;}

.background {background-color:#0684a8;}

.border {border:1px solid #0684a8;}

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, #010d10 is the darkest color, while #fdfeff is the lightest one.

#010d10
```
#010d10 rgb(1,13,16)
```
#011c23
```
#011c23 rgb(1,28,35)
```
#022b36
```
#022b36 rgb(2,43,54)
```
#033a49
```
#033a49 rgb(3,58,73)
```
#03485c
```
#03485c rgb(3,72,92)
```
#04576f
```
#04576f rgb(4,87,111)
```
#056682
```
#056682 rgb(5,102,130)
```
#057595
```
#057595 rgb(5,117,149)
```
#0684a8
```
#0684a8 rgb(6,132,168)
```
#0793bb
```
#0793bb rgb(7,147,187)
```
#07a2ce
```
#07a2ce rgb(7,162,206)
```
#08b1e1
```
#08b1e1 rgb(8,177,225)
```
#09c0f4
```
#09c0f4 rgb(9,192,244)
```

Shade Color Variation

#19c6f7
```
#19c6f7 rgb(25,198,247)
```
#2ccaf7
```
#2ccaf7 rgb(44,202,247)
```
#3fcff8
```
#3fcff8 rgb(63,207,248)
```
#52d4f9
```
#52d4f9 rgb(82,212,249)
```
#65d9fa
```
#65d9fa rgb(101,217,250)
```
#78ddfa
```
#78ddfa rgb(120,221,250)
```
#8be2fb
```
#8be2fb rgb(139,226,251)
```
#9ee7fc
```
#9ee7fc rgb(158,231,252)
```
#b1ebfc
```
#b1ebfc rgb(177,235,252)
```
#c4f0fd
```
#c4f0fd rgb(196,240,253)
```
#d7f5fe
```
#d7f5fe rgb(215,245,254)
```
#eafafe
```
#eafafe rgb(234,250,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#565758
```
#565758 rgb(86,87,88)
```
#505b5e
```
#505b5e rgb(80,91,94)
```
#495f65
```
#495f65 rgb(73,95,101)
```
#42636c
```
#42636c rgb(66,99,108)
```
#3c6672
```
#3c6672 rgb(60,102,114)
```
#356a79
```
#356a79 rgb(53,106,121)
```
#2e6e80
```
#2e6e80 rgb(46,110,128)
```
#277187
```
#277187 rgb(39,113,135)
```
#21758d
```
#21758d rgb(33,117,141)
```
#1a7994
```
#1a7994 rgb(26,121,148)
```
#137d9b
```
#137d9b rgb(19,125,155)
```
#0d80a1
```
#0d80a1 rgb(13,128,161)
```
#0684a8
```
#0684a8 rgb(6,132,168)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#506970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757fa4 Protanopia 1% of men
#6d7fb0 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#4d81a6 Protanomaly 1% of men, 0.01% of women
#4781ad Deuteranomaly 6% of men, 0.4% of women
#02899d Tritanomaly 0.01% of the population

#0684a8 hex color

#0684a8 Color Information

#0684a8 Color Conversion

Color Schemes with #0684a8

Alternatives to #0684a8

#0684a8 Preview

Shades and Tints of #0684a8

Tones of #0684a8

Color Blindness Simulator