colorhexa.com

#0698af hex color

In a RGB color space, hex #0698af is composed of 2.4% red, 59.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 13.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 188.2 degrees, a saturation of 93.4% and a lightness of 35.5%. #0698af color hex could be obtained by blending #0cffff with #00315f. Closest websafe color is: #009999.

- R 2
- G 60
- B 69
RGB color chart
- C 97
- M 13
- Y 0
- K 31
CMYK color chart

● #0698af color description : Dark cyan.

The hexadecimal color #0698af has RGB values of R:6, G:152, B:175 and CMYK values of C:0.97, M:0.13, Y:0, K:0.31. Its decimal value is 432303.

Hex triplet	0698af	`#0698af`
RGB Decimal	6, 152, 175	`rgb(6,152,175)`
RGB Percent	2.4, 59.6, 68.6	`rgb(2.4%,59.6%,68.6%)`
CMYK	97, 13, 0, 31
HSL	188.2°, 93.4, 35.5	`hsl(188.2,93.4%,35.5%)`
HSV (or HSB)	188.2°, 96.6, 68.6
Web Safe	009999	`#009999`

CIE-LAB	57.644, -24.879, -21.438
XYZ	19.039, 25.588, 44.491
xyY	0.214, 0.287, 25.588
CIE-LCH	57.644, 32.841, 220.752
CIE-LUV	57.644, -41.85, -29.188
Hunter-Lab	50.585, -21.341, -16.737
Binary	00000110, 10011000, 10101111

#0698af
```
#0698af rgb(6,152,175)
```
#af1d06
```
#af1d06 rgb(175,29,6)
```

Complementary Color

#06af72
```
#06af72 rgb(6,175,114)
```
#0698af
```
#0698af rgb(6,152,175)
```
#0643af
```
#0643af rgb(6,67,175)
```

Analogous Color

#af7206
```
#af7206 rgb(175,114,6)
```
#0698af
```
#0698af rgb(6,152,175)
```
#af0644
```
#af0644 rgb(175,6,68)
```

Split Complementary Color

#98af06
```
#98af06 rgb(152,175,6)
```
#0698af
```
#0698af rgb(6,152,175)
```
#af0698
```
#af0698 rgb(175,6,152)
```

Triadic Color

#035865
```
#035865 rgb(3,88,101)
```
#046d7e
```
#046d7e rgb(4,109,126)
```
#058396
```
#058396 rgb(5,131,150)
```
#0698af
```
#0698af rgb(6,152,175)
```
#07adc8
```
#07adc8 rgb(7,173,200)
```
#08c3e0
```
#08c3e0 rgb(8,195,224)
```
#0bd7f7
```
#0bd7f7 rgb(11,215,247)
```

Monochromatic Color

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

#06af9c
```
#06af9c rgb(6,175,156)
```
#06afaa
```
#06afaa rgb(6,175,170)
```
#06a6af
```
#06a6af rgb(6,166,175)
```
#0698af
```
#0698af rgb(6,152,175)
```
#068aaf
```
#068aaf rgb(6,138,175)
```
#067caf
```
#067caf rgb(6,124,175)
```
#066eaf
```
#066eaf rgb(6,110,175)
```

Similar Colors

Text with hexadecimal color #0698af

This text has a font color of #0698af.

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

#0698af background color

This paragraph has a background color of #0698af.

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

#0698af border color

This element has a border color of #0698af.

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

CSS codes

.text {color:#0698af;}

.background {background-color:#0698af;}

.border {border:1px solid #0698af;}

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

#000404
```
#000404 rgb(0,4,4)
```
#011417
```
#011417 rgb(1,20,23)
```
#01252a
```
#01252a rgb(1,37,42)
```
#02353d
```
#02353d rgb(2,53,61)
```
#034650
```
#034650 rgb(3,70,80)
```
#035663
```
#035663 rgb(3,86,99)
```
#046776
```
#046776 rgb(4,103,118)
```
#057789
```
#057789 rgb(5,119,137)
```
#05889c
```
#05889c rgb(5,136,156)
```
#0698af
```
#0698af rgb(6,152,175)
```
#07a8c2
```
#07a8c2 rgb(7,168,194)
```
#07b9d5
```
#07b9d5 rgb(7,185,213)
```
#08c9e8
```
#08c9e8 rgb(8,201,232)
```

Shade Color Variation

#0dd7f7
```
#0dd7f7 rgb(13,215,247)
```
#20daf7
```
#20daf7 rgb(32,218,247)
```
#33ddf8
```
#33ddf8 rgb(51,221,248)
```
#46e0f9
```
#46e0f9 rgb(70,224,249)
```
#59e3f9
```
#59e3f9 rgb(89,227,249)
```
#6ce7fa
```
#6ce7fa rgb(108,231,250)
```
#7feafb
```
#7feafb rgb(127,234,251)
```
#92edfb
```
#92edfb rgb(146,237,251)
```
#a4f0fc
```
#a4f0fc rgb(164,240,252)
```
#b7f3fd
```
#b7f3fd rgb(183,243,253)
```
#caf6fd
```
#caf6fd rgb(202,246,253)
```
#ddf9fe
```
#ddf9fe rgb(221,249,254)
```
#f0fdfe
```
#f0fdfe rgb(240,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b5b is the less saturated color, while #0698af is the most saturated one.

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#536062
```
#536062 rgb(83,96,98)
```
#4c6569
```
#4c6569 rgb(76,101,105)
```
#456a70
```
#456a70 rgb(69,106,112)
```
#3e6f77
```
#3e6f77 rgb(62,111,119)
```
#37757e
```
#37757e rgb(55,117,126)
```
#307a85
```
#307a85 rgb(48,122,133)
```
#297f8c
```
#297f8c rgb(41,127,140)
```
#228493
```
#228493 rgb(34,132,147)
```
#1b899a
```
#1b899a rgb(27,137,154)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#0d93a8
```
#0d93a8 rgb(13,147,168)
```
#0698af
```
#0698af rgb(6,152,175)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5a777c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8faa Protanopia 1% of men
#868eb9 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#5a92ac Protanomaly 1% of men, 0.01% of women
#5791b5 Deuteranomaly 6% of men, 0.4% of women
#029cab Tritanomaly 0.01% of the population