#069baf hex color

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

♥
- f
- t
- g
- R 2
- G 61
- B 69
RGB color chart
- C 97
- M 11
- Y 0
- K 31
CMYK color chart

● #069baf color description : Dark cyan.

The hexadecimal color #069baf has RGB values of R:6, G:155, B:175 and CMYK values of C:0.97, M:0.11, Y:0, K:0.31. Its decimal value is 433071.

Hex triplet	069baf	`#069baf`
RGB Decimal	6, 155, 175	`rgb(6,155,175)`
RGB Percent	2.4, 60.8, 68.6	`rgb(2.4%,60.8%,68.6%)`
CMYK	97, 11, 0, 31
HSL	187.1°, 93.4, 35.5	`hsl(187.1,93.4%,35.5%)`
HSV (or HSB)	187.1°, 96.6, 68.6
Web Safe	009999	`#009999`

CIE-LAB	58.578, -26.401, -20.01
XYZ	19.532, 26.575, 44.655
xyY	0.215, 0.293, 26.575
CIE-LCH	58.578, 33.128, 217.159
CIE-LUV	58.578, -42.898, -26.764
Hunter-Lab	51.551, -22.581, -15.274
Binary	00000110, 10011011, 10101111

#069baf
```
#069baf rgb(6,155,175)
```
#af1a06
```
#af1a06 rgb(175,26,6)
```

Complementary Color

#06af6f
```
#06af6f rgb(6,175,111)
```
#069baf
```
#069baf rgb(6,155,175)
```
#0647af
```
#0647af rgb(6,71,175)
```

Analogous Color

#af6f06
```
#af6f06 rgb(175,111,6)
```
#069baf
```
#069baf rgb(6,155,175)
```
#af0647
```
#af0647 rgb(175,6,71)
```

Split Complementary Color

#9baf06
```
#9baf06 rgb(155,175,6)
```
#069baf
```
#069baf rgb(6,155,175)
```
#af069b
```
#af069b rgb(175,6,155)
```

Triadic Color

#06af1a
```
#06af1a rgb(6,175,26)
```
#069baf
```
#069baf rgb(6,155,175)
```
#af069b
```
#af069b rgb(175,6,155)
```
#af1a06
```
#af1a06 rgb(175,26,6)
```

Tetradic Color

#035965
```
#035965 rgb(3,89,101)
```
#046f7e
```
#046f7e rgb(4,111,126)
```
#058596
```
#058596 rgb(5,133,150)
```
#069baf
```
#069baf rgb(6,155,175)
```
#07b1c8
```
#07b1c8 rgb(7,177,200)
```
#08c7e0
```
#08c7e0 rgb(8,199,224)
```
#0bdbf7
```
#0bdbf7 rgb(11,219,247)
```

Monochromatic Color

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

#06af99
```
#06af99 rgb(6,175,153)
```
#06afa7
```
#06afa7 rgb(6,175,167)
```
#06a9af
```
#06a9af rgb(6,169,175)
```
#069baf
```
#069baf rgb(6,155,175)
```
#068daf
```
#068daf rgb(6,141,175)
```
#067faf
```
#067faf rgb(6,127,175)
```
#0671af
```
#0671af rgb(6,113,175)
```

Similar Colors

Text with hexadecimal color #069baf

This text has a font color of #069baf.

<span style="color:#069baf;">Text here</span>

#069baf background color

This paragraph has a background color of #069baf.

<p style="background-color:#069baf;">Content here</p>

#069baf border color

This element has a border color of #069baf.

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

CSS codes

.text {color:#069baf;}

.background {background-color:#069baf;}

.border {border:1px solid #069baf;}

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)
```
#011517
```
#011517 rgb(1,21,23)
```
#01252a
```
#01252a rgb(1,37,42)
```
#02363d
```
#02363d rgb(2,54,61)
```
#034750
```
#034750 rgb(3,71,80)
```
#035863
```
#035863 rgb(3,88,99)
```
#046976
```
#046976 rgb(4,105,118)
```
#057989
```
#057989 rgb(5,121,137)
```
#058a9c
```
#058a9c rgb(5,138,156)
```
#069baf
```
#069baf rgb(6,155,175)
```
#07acc2
```
#07acc2 rgb(7,172,194)
```
#07bdd5
```
#07bdd5 rgb(7,189,213)
```
#08cde8
```
#08cde8 rgb(8,205,232)
```

Shade Color Variation

#0ddbf7
```
#0ddbf7 rgb(13,219,247)
```
#20def7
```
#20def7 rgb(32,222,247)
```
#33e1f8
```
#33e1f8 rgb(51,225,248)
```
#46e3f9
```
#46e3f9 rgb(70,227,249)
```
#59e6f9
```
#59e6f9 rgb(89,230,249)
```
#6ce9fa
```
#6ce9fa rgb(108,233,250)
```
#7fecfb
```
#7fecfb rgb(127,236,251)
```
#92effb
```
#92effb rgb(146,239,251)
```
#a4f2fc
```
#a4f2fc rgb(164,242,252)
```
#b7f4fd
```
#b7f4fd rgb(183,244,253)
```
#caf7fd
```
#caf7fd rgb(202,247,253)
```
#ddfafe
```
#ddfafe rgb(221,250,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 #069baf is the most saturated one.

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#536162
```
#536162 rgb(83,97,98)
```
#4c6669
```
#4c6669 rgb(76,102,105)
```
#456b70
```
#456b70 rgb(69,107,112)
```
#3e7077
```
#3e7077 rgb(62,112,119)
```
#37767e
```
#37767e rgb(55,118,126)
```
#307b85
```
#307b85 rgb(48,123,133)
```
#29808c
```
#29808c rgb(41,128,140)
```
#228693
```
#228693 rgb(34,134,147)
```
#1b8b9a
```
#1b8b9a rgb(27,139,154)
```
#1490a1
```
#1490a1 rgb(20,144,161)
```
#0d96a8
```
#0d96a8 rgb(13,150,168)
```
#069baf
```
#069baf rgb(6,155,175)
```

Tone Color Variation

Below, you can see how #069baf 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

#717171 Achromatopsia 0.005% of the population
#5c797d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d91aa Protanopia 1% of men
#8a90b9 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5c95ab Protanomaly 1% of men, 0.01% of women
#5a94b5 Deuteranomaly 6% of men, 0.4% of women
#029ead Tritanomaly 0.01% of the population

#069baf hex color

#069baf Color Information

#069baf Color Conversion

Color Schemes with #069baf

Alternatives to #069baf

#069baf Preview

Shades and Tints of #069baf

Tones of #069baf

Color Blindness Simulator