#0684a0 hex color

In a RGB color space, hex #0684a0 is composed of 2.4% red, 51.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 17.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 190.9 degrees, a saturation of 92.8% and a lightness of 32.5%. #0684a0 color hex could be obtained by blending #0cffff with #000941. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 52
- B 63
RGB color chart
- C 96
- M 18
- Y 0
- K 37
CMYK color chart

● #0684a0 color description : Dark cyan.

The hexadecimal color #0684a0 has RGB values of R:6, G:132, B:160 and CMYK values of C:0.96, M:0.18, Y:0, K:0.37. Its decimal value is 427168.

Hex triplet	0684a0	`#0684a0`
RGB Decimal	6, 132, 160	`rgb(6,132,160)`
RGB Percent	2.4, 51.8, 62.7	`rgb(2.4%,51.8%,62.7%)`
CMYK	96, 18, 0, 37
HSL	190.9°, 92.8, 32.5	`hsl(190.9,92.8%,32.5%)`
HSV (or HSB)	190.9°, 96.3, 62.7
Web Safe	009999	`#009999`

CIE-LAB	50.778, -19.633, -23.373
XYZ	14.67, 19.078, 36.165
xyY	0.21, 0.273, 19.078
CIE-LCH	50.778, 30.524, 229.97
CIE-LUV	50.778, -35.967, -32.261
Hunter-Lab	43.678, -16.486, -18.517
Binary	00000110, 10000100, 10100000

#0684a0
```
#0684a0 rgb(6,132,160)
```
#a02206
```
#a02206 rgb(160,34,6)
```

Complementary Color

#06a06f
```
#06a06f rgb(6,160,111)
```
#0684a0
```
#0684a0 rgb(6,132,160)
```
#0637a0
```
#0637a0 rgb(6,55,160)
```

Analogous Color

#a06f06
```
#a06f06 rgb(160,111,6)
```
#0684a0
```
#0684a0 rgb(6,132,160)
```
#a00637
```
#a00637 rgb(160,6,55)
```

Split Complementary Color

#84a006
```
#84a006 rgb(132,160,6)
```
#0684a0
```
#0684a0 rgb(6,132,160)
```
#a00684
```
#a00684 rgb(160,6,132)
```

Triadic Color

#06a022
```
#06a022 rgb(6,160,34)
```
#0684a0
```
#0684a0 rgb(6,132,160)
```
#a00684
```
#a00684 rgb(160,6,132)
```
#a02206
```
#a02206 rgb(160,34,6)
```

Tetradic Color

#034756
```
#034756 rgb(3,71,86)
```
#045b6f
```
#045b6f rgb(4,91,111)
```
#057087
```
#057087 rgb(5,112,135)
```
#0684a0
```
#0684a0 rgb(6,132,160)
```
#0798b9
```
#0798b9 rgb(7,152,185)
```
#08add1
```
#08add1 rgb(8,173,209)
```
#09c1ea
```
#09c1ea rgb(9,193,234)
```

Monochromatic Color

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

#06a096
```
#06a096 rgb(6,160,150)
```
#069ea0
```
#069ea0 rgb(6,158,160)
```
#0691a0
```
#0691a0 rgb(6,145,160)
```
#0684a0
```
#0684a0 rgb(6,132,160)
```
#0677a0
```
#0677a0 rgb(6,119,160)
```
#066aa0
```
#066aa0 rgb(6,106,160)
```
#065da0
```
#065da0 rgb(6,93,160)
```

Similar Colors

Text with hexadecimal color #0684a0

This text has a font color of #0684a0.

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

#0684a0 background color

This paragraph has a background color of #0684a0.

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

#0684a0 border color

This element has a border color of #0684a0.

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

CSS codes

.text {color:#0684a0;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#01171c
```
#01171c rgb(1,23,28)
```
#02262f
```
#02262f rgb(2,38,47)
```
#023641
```
#023641 rgb(2,54,65)
```
#034654
```
#034654 rgb(3,70,84)
```
#045567
```
#045567 rgb(4,85,103)
```
#05657a
```
#05657a rgb(5,101,122)
```
#05748d
```
#05748d rgb(5,116,141)
```
#0684a0
```
#0684a0 rgb(6,132,160)
```
#0794b3
```
#0794b3 rgb(7,148,179)
```
#07a3c6
```
#07a3c6 rgb(7,163,198)
```
#08b3d9
```
#08b3d9 rgb(8,179,217)
```
#09c2ec
```
#09c2ec rgb(9,194,236)
```

Shade Color Variation

#12cdf6
```
#12cdf6 rgb(18,205,246)
```
#25d1f7
```
#25d1f7 rgb(37,209,247)
```
#38d5f8
```
#38d5f8 rgb(56,213,248)
```
#4bd9f8
```
#4bd9f8 rgb(75,217,248)
```
#5eddf9
```
#5eddf9 rgb(94,221,249)
```
#70e1fa
```
#70e1fa rgb(112,225,250)
```
#83e5fa
```
#83e5fa rgb(131,229,250)
```
#96e9fb
```
#96e9fb rgb(150,233,251)
```
#a9edfc
```
#a9edfc rgb(169,237,252)
```
#bcf1fc
```
#bcf1fc rgb(188,241,252)
```
#cff5fd
```
#cff5fd rgb(207,245,253)
```
#e2f9fe
```
#e2f9fe rgb(226,249,254)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#535353
```
#535353 rgb(83,83,83)
```
#4c575a
```
#4c575a rgb(76,87,90)
```
#465b60
```
#465b60 rgb(70,91,96)
```
#3f5f67
```
#3f5f67 rgb(63,95,103)
```
#39636d
```
#39636d rgb(57,99,109)
```
#336873
```
#336873 rgb(51,104,115)
```
#2c6c7a
```
#2c6c7a rgb(44,108,122)
```
#267080
```
#267080 rgb(38,112,128)
```
#207486
```
#207486 rgb(32,116,134)
```
#19788d
```
#19788d rgb(25,120,141)
```
#137c93
```
#137c93 rgb(19,124,147)
```
#0c809a
```
#0c809a rgb(12,128,154)
```
#0684a0
```
#0684a0 rgb(6,132,160)
```

Tone Color Variation

Below, you can see how #0684a0 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
#50696e Atypical Achromatopsia 0.001% of the population

Dichromacy

#777e9d Protanopia 1% of men
#727ea9 Deuteranopia 1% of men
#008c96 Tritanopia 0.001% of the population

Trichromacy

#4e809e Protanomaly 1% of men, 0.01% of women
#4a80a6 Deuteranomaly 6% of men, 0.4% of women
#028999 Tritanomaly 0.01% of the population

#0684a0 hex color

#0684a0 Color Information

#0684a0 Color Conversion

Color Schemes with #0684a0

Alternatives to #0684a0

#0684a0 Preview

Shades and Tints of #0684a0

Tones of #0684a0

Color Blindness Simulator