colorhexa.com

#0688a0 hex color

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

- R 2
- G 53
- B 63
RGB color chart
- C 96
- M 15
- Y 0
- K 37
CMYK color chart

● #0688a0 color description : Dark cyan.

The hexadecimal color #0688a0 has RGB values of R:6, G:136, B:160 and CMYK values of C:0.96, M:0.15, Y:0, K:0.37. Its decimal value is 428192.

Hex triplet	0688a0	`#0688a0`
RGB Decimal	6, 136, 160	`rgb(6,136,160)`
RGB Percent	2.4, 53.3, 62.7	`rgb(2.4%,53.3%,62.7%)`
CMYK	96, 15, 0, 37
HSL	189.4°, 92.8, 32.5	`hsl(189.4,92.8%,32.5%)`
HSV (or HSB)	189.4°, 96.3, 62.7
Web Safe	009999	`#009999`

CIE-LAB	52.044, -21.762, -21.425
XYZ	15.223, 20.184, 36.349
xyY	0.212, 0.281, 20.184
CIE-LCH	52.044, 30.538, 224.553
CIE-LUV	52.044, -37.379, -29.056
Hunter-Lab	44.926, -18.138, -16.523
Binary	00000110, 10001000, 10100000

#0688a0
```
#0688a0 rgb(6,136,160)
```
#a01e06
```
#a01e06 rgb(160,30,6)
```

Complementary Color

#06a06b
```
#06a06b rgb(6,160,107)
```
#0688a0
```
#0688a0 rgb(6,136,160)
```
#063ba0
```
#063ba0 rgb(6,59,160)
```

Analogous Color

#a06b06
```
#a06b06 rgb(160,107,6)
```
#0688a0
```
#0688a0 rgb(6,136,160)
```
#a0063b
```
#a0063b rgb(160,6,59)
```

Split Complementary Color

#88a006
```
#88a006 rgb(136,160,6)
```
#0688a0
```
#0688a0 rgb(6,136,160)
```
#a00688
```
#a00688 rgb(160,6,136)
```

Triadic Color

#034956
```
#034956 rgb(3,73,86)
```
#045e6f
```
#045e6f rgb(4,94,111)
```
#057387
```
#057387 rgb(5,115,135)
```
#0688a0
```
#0688a0 rgb(6,136,160)
```
#079db9
```
#079db9 rgb(7,157,185)
```
#08b2d1
```
#08b2d1 rgb(8,178,209)
```
#09c7ea
```
#09c7ea rgb(9,199,234)
```

Monochromatic Color

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

#06a092
```
#06a092 rgb(6,160,146)
```
#06a09e
```
#06a09e rgb(6,160,158)
```
#0695a0
```
#0695a0 rgb(6,149,160)
```
#0688a0
```
#0688a0 rgb(6,136,160)
```
#067ba0
```
#067ba0 rgb(6,123,160)
```
#066ea0
```
#066ea0 rgb(6,110,160)
```
#0662a0
```
#0662a0 rgb(6,98,160)
```

Similar Colors

Text with hexadecimal color #0688a0

This text has a font color of #0688a0.

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

#0688a0 background color

This paragraph has a background color of #0688a0.

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

#0688a0 border color

This element has a border color of #0688a0.

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

CSS codes

.text {color:#0688a0;}

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

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

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)
```
#01181c
```
#01181c rgb(1,24,28)
```
#02282f
```
#02282f rgb(2,40,47)
```
#023841
```
#023841 rgb(2,56,65)
```
#034854
```
#034854 rgb(3,72,84)
```
#045867
```
#045867 rgb(4,88,103)
```
#05687a
```
#05687a rgb(5,104,122)
```
#05788d
```
#05788d rgb(5,120,141)
```
#0688a0
```
#0688a0 rgb(6,136,160)
```
#0798b3
```
#0798b3 rgb(7,152,179)
```
#07a8c6
```
#07a8c6 rgb(7,168,198)
```
#08b8d9
```
#08b8d9 rgb(8,184,217)
```
#09c8ec
```
#09c8ec rgb(9,200,236)
```

Shade Color Variation

#12d3f6
```
#12d3f6 rgb(18,211,246)
```
#25d6f7
```
#25d6f7 rgb(37,214,247)
```
#38daf8
```
#38daf8 rgb(56,218,248)
```
#4bddf8
```
#4bddf8 rgb(75,221,248)
```
#5ee1f9
```
#5ee1f9 rgb(94,225,249)
```
#70e4fa
```
#70e4fa rgb(112,228,250)
```
#83e8fa
```
#83e8fa rgb(131,232,250)
```
#96ebfb
```
#96ebfb rgb(150,235,251)
```
#a9effc
```
#a9effc rgb(169,239,252)
```
#bcf2fc
```
#bcf2fc rgb(188,242,252)
```
#cff6fd
```
#cff6fd rgb(207,246,253)
```
#e2fafe
```
#e2fafe rgb(226,250,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 #0688a0 is the most saturated one.

#535353
```
#535353 rgb(83,83,83)
```
#4c585a
```
#4c585a rgb(76,88,90)
```
#465c60
```
#465c60 rgb(70,92,96)
```
#3f6067
```
#3f6067 rgb(63,96,103)
```
#39656d
```
#39656d rgb(57,101,109)
```
#336973
```
#336973 rgb(51,105,115)
```
#2c6e7a
```
#2c6e7a rgb(44,110,122)
```
#267280
```
#267280 rgb(38,114,128)
```
#207686
```
#207686 rgb(32,118,134)
```
#197b8d
```
#197b8d rgb(25,123,141)
```
#137f93
```
#137f93 rgb(19,127,147)
```
#0c849a
```
#0c849a rgb(12,132,154)
```
#0688a0
```
#0688a0 rgb(6,136,160)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#516b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c819c Protanopia 1% of men
#7781aa Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#51849e Protanomaly 1% of men, 0.01% of women
#4e83a6 Deuteranomaly 6% of men, 0.4% of women
#028c9c Tritanomaly 0.01% of the population