colorhexa.com

#06a7af hex color

In a RGB color space, hex #06a7af is composed of 2.4% red, 65.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 4.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 182.8 degrees, a saturation of 93.4% and a lightness of 35.5%. #06a7af color hex could be obtained by blending #0cffff with #004f5f. Closest websafe color is: #009999.

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

● #06a7af color description : Dark cyan.

The hexadecimal color #06a7af has RGB values of R:6, G:167, B:175 and CMYK values of C:0.97, M:0.05, Y:0, K:0.31. Its decimal value is 436143.

Hex triplet	06a7af	`#06a7af`
RGB Decimal	6, 167, 175	`rgb(6,167,175)`
RGB Percent	2.4, 65.5, 68.6	`rgb(2.4%,65.5%,68.6%)`
CMYK	97, 5, 0, 31
HSL	182.8°, 93.4, 35.5	`hsl(182.8,93.4%,35.5%)`
HSV (or HSB)	182.8°, 96.6, 68.6
Web Safe	009999	`#009999`

CIE-LAB	62.312, -32.291, -14.344
XYZ	21.629, 30.769, 45.354
xyY	0.221, 0.315, 30.769
CIE-LCH	62.312, 35.334, 203.951
CIE-LUV	62.312, -47.082, -17.118
Hunter-Lab	55.47, -27.47, -9.649
Binary	00000110, 10100111, 10101111

#06a7af
```
#06a7af rgb(6,167,175)
```
#af0e06
```
#af0e06 rgb(175,14,6)
```

Complementary Color

#06af63
```
#06af63 rgb(6,175,99)
```
#06a7af
```
#06a7af rgb(6,167,175)
```
#0653af
```
#0653af rgb(6,83,175)
```

Analogous Color

#af6206
```
#af6206 rgb(175,98,6)
```
#06a7af
```
#06a7af rgb(6,167,175)
```
#af0653
```
#af0653 rgb(175,6,83)
```

Split Complementary Color

#a7af06
```
#a7af06 rgb(167,175,6)
```
#06a7af
```
#06a7af rgb(6,167,175)
```
#af06a7
```
#af06a7 rgb(175,6,167)
```

Triadic Color

#036065
```
#036065 rgb(3,96,101)
```
#04787e
```
#04787e rgb(4,120,126)
```
#058f96
```
#058f96 rgb(5,143,150)
```
#06a7af
```
#06a7af rgb(6,167,175)
```
#07bfc8
```
#07bfc8 rgb(7,191,200)
```
#08d6e0
```
#08d6e0 rgb(8,214,224)
```
#0bebf7
```
#0bebf7 rgb(11,235,247)
```

Monochromatic Color

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

#06af8d
```
#06af8d rgb(6,175,141)
```
#06af9b
```
#06af9b rgb(6,175,155)
```
#06afa9
```
#06afa9 rgb(6,175,169)
```
#06a7af
```
#06a7af rgb(6,167,175)
```
#0699af
```
#0699af rgb(6,153,175)
```
#068baf
```
#068baf rgb(6,139,175)
```
#067daf
```
#067daf rgb(6,125,175)
```

Similar Colors

Text with hexadecimal color #06a7af

This text has a font color of #06a7af.

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

#06a7af background color

This paragraph has a background color of #06a7af.

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

#06a7af border color

This element has a border color of #06a7af.

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

CSS codes

.text {color:#06a7af;}

.background {background-color:#06a7af;}

.border {border:1px solid #06a7af;}

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 #f0fefe is the lightest one.

#000404
```
#000404 rgb(0,4,4)
```
#011617
```
#011617 rgb(1,22,23)
```
#01282a
```
#01282a rgb(1,40,42)
```
#023a3d
```
#023a3d rgb(2,58,61)
```
#034d50
```
#034d50 rgb(3,77,80)
```
#035f63
```
#035f63 rgb(3,95,99)
```
#047176
```
#047176 rgb(4,113,118)
```
#058389
```
#058389 rgb(5,131,137)
```
#05959c
```
#05959c rgb(5,149,156)
```
#06a7af
```
#06a7af rgb(6,167,175)
```
#07b9c2
```
#07b9c2 rgb(7,185,194)
```
#07cbd5
```
#07cbd5 rgb(7,203,213)
```
#08dde8
```
#08dde8 rgb(8,221,232)
```

Shade Color Variation

#0decf7
```
#0decf7 rgb(13,236,247)
```
#20edf7
```
#20edf7 rgb(32,237,247)
```
#33eff8
```
#33eff8 rgb(51,239,248)
```
#46f0f9
```
#46f0f9 rgb(70,240,249)
```
#59f2f9
```
#59f2f9 rgb(89,242,249)
```
#6cf3fa
```
#6cf3fa rgb(108,243,250)
```
#7ff5fb
```
#7ff5fb rgb(127,245,251)
```
#92f6fb
```
#92f6fb rgb(146,246,251)
```
#a4f8fc
```
#a4f8fc rgb(164,248,252)
```
#b7f9fd
```
#b7f9fd rgb(183,249,253)
```
#cafbfd
```
#cafbfd rgb(202,251,253)
```
#ddfcfe
```
#ddfcfe rgb(221,252,254)
```
#f0fefe
```
#f0fefe rgb(240,254,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 #06a7af is the most saturated one.

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#536262
```
#536262 rgb(83,98,98)
```
#4c6869
```
#4c6869 rgb(76,104,105)
```
#456e70
```
#456e70 rgb(69,110,112)
```
#3e7577
```
#3e7577 rgb(62,117,119)
```
#377b7e
```
#377b7e rgb(55,123,126)
```
#308185
```
#308185 rgb(48,129,133)
```
#29878c
```
#29878c rgb(41,135,140)
```
#228e93
```
#228e93 rgb(34,142,147)
```
#1b949a
```
#1b949a rgb(27,148,154)
```
#149aa1
```
#149aa1 rgb(20,154,161)
```
#0da1a8
```
#0da1a8 rgb(13,161,168)
```
#06a7af
```
#06a7af rgb(6,167,175)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#618183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9ba9 Protanopia 1% of men
#9a98ba Deuteranopia 1% of men
#1eaab7 Tritanopia 0.001% of the population

Trichromacy

#649fab Protanomaly 1% of men, 0.01% of women
#649eb6 Deuteranomaly 6% of men, 0.4% of women
#15a9b4 Tritanomaly 0.01% of the population