#069cb8 hex color

In a RGB color space, hex #069cb8 is composed of 2.4% red, 61.2% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 15.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 189.4 degrees, a saturation of 93.7% and a lightness of 37.3%. #069cb8 color hex could be obtained by blending #0cffff with #003971. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 61
- B 72
RGB color chart
- C 97
- M 15
- Y 0
- K 28
CMYK color chart

● #069cb8 color description : Strong cyan.

The hexadecimal color #069cb8 has RGB values of R:6, G:156, B:184 and CMYK values of C:0.97, M:0.15, Y:0, K:0.28. Its decimal value is 433336.

Hex triplet	069cb8	`#069cb8`
RGB Decimal	6, 156, 184	`rgb(6,156,184)`
RGB Percent	2.4, 61.2, 72.2	`rgb(2.4%,61.2%,72.2%)`
CMYK	97, 15, 0, 28
HSL	189.4°, 93.7, 37.3	`hsl(189.4,93.7%,37.3%)`
HSV (or HSB)	189.4°, 96.7, 72.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	59.227, -23.853, -24.106
XYZ	20.613, 27.274, 49.523
xyY	0.212, 0.28, 27.274
CIE-LCH	59.227, 33.912, 225.301
CIE-LUV	59.227, -42.55, -33.776
Hunter-Lab	52.225, -20.94, -19.665
Binary	00000110, 10011100, 10111000

#069cb8
```
#069cb8 rgb(6,156,184)
```
#b82206
```
#b82206 rgb(184,34,6)
```

Complementary Color

#06b87b
```
#06b87b rgb(6,184,123)
```
#069cb8
```
#069cb8 rgb(6,156,184)
```
#0643b8
```
#0643b8 rgb(6,67,184)
```

Analogous Color

#b87b06
```
#b87b06 rgb(184,123,6)
```
#069cb8
```
#069cb8 rgb(6,156,184)
```
#b80643
```
#b80643 rgb(184,6,67)
```

Split Complementary Color

#9cb806
```
#9cb806 rgb(156,184,6)
```
#069cb8
```
#069cb8 rgb(6,156,184)
```
#b8069c
```
#b8069c rgb(184,6,156)
```

Triadic Color

#06b822
```
#06b822 rgb(6,184,34)
```
#069cb8
```
#069cb8 rgb(6,156,184)
```
#b8069c
```
#b8069c rgb(184,6,156)
```
#b82206
```
#b82206 rgb(184,34,6)
```

Tetradic Color

#045d6e
```
#045d6e rgb(4,93,110)
```
#047287
```
#047287 rgb(4,114,135)
```
#05879f
```
#05879f rgb(5,135,159)
```
#069cb8
```
#069cb8 rgb(6,156,184)
```
#07b1d1
```
#07b1d1 rgb(7,177,209)
```
#08c6e9
```
#08c6e9 rgb(8,198,233)
```
#13d3f7
```
#13d3f7 rgb(19,211,247)
```

Monochromatic Color

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

#06b8a8
```
#06b8a8 rgb(6,184,168)
```
#06b8b6
```
#06b8b6 rgb(6,184,182)
```
#06abb8
```
#06abb8 rgb(6,171,184)
```
#069cb8
```
#069cb8 rgb(6,156,184)
```
#068db8
```
#068db8 rgb(6,141,184)
```
#067eb8
```
#067eb8 rgb(6,126,184)
```
#0670b8
```
#0670b8 rgb(6,112,184)
```

Similar Colors

Text with hexadecimal color #069cb8

This text has a font color of #069cb8.

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

#069cb8 background color

This paragraph has a background color of #069cb8.

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

#069cb8 border color

This element has a border color of #069cb8.

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

CSS codes

.text {color:#069cb8;}

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

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

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, #000b0d is the darkest color, while #f9feff is the lightest one.

#000b0d
```
#000b0d rgb(0,11,13)
```
#011b20
```
#011b20 rgb(1,27,32)
```
#022b33
```
#022b33 rgb(2,43,51)
```
#023b46
```
#023b46 rgb(2,59,70)
```
#034b59
```
#034b59 rgb(3,75,89)
```
#045c6c
```
#045c6c rgb(4,92,108)
```
#046c7f
```
#046c7f rgb(4,108,127)
```
#057c92
```
#057c92 rgb(5,124,146)
```
#058ca5
```
#058ca5 rgb(5,140,165)
```
#069cb8
```
#069cb8 rgb(6,156,184)
```
#07accb
```
#07accb rgb(7,172,203)
```
#07bcde
```
#07bcde rgb(7,188,222)
```
#08ccf1
```
#08ccf1 rgb(8,204,241)
```

Shade Color Variation

#15d4f7
```
#15d4f7 rgb(21,212,247)
```
#28d7f8
```
#28d7f8 rgb(40,215,248)
```
#3bdbf9
```
#3bdbf9 rgb(59,219,249)
```
#4edef9
```
#4edef9 rgb(78,222,249)
```
#61e2fa
```
#61e2fa rgb(97,226,250)
```
#74e5fa
```
#74e5fa rgb(116,229,250)
```
#87e9fb
```
#87e9fb rgb(135,233,251)
```
#9aecfc
```
#9aecfc rgb(154,236,252)
```
#adf0fc
```
#adf0fc rgb(173,240,252)
```
#c0f3fd
```
#c0f3fd rgb(192,243,253)
```
#d3f7fe
```
#d3f7fe rgb(211,247,254)
```
#e6fafe
```
#e6fafe rgb(230,250,254)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#5e6060
```
#5e6060 rgb(94,96,96)
```
#566568
```
#566568 rgb(86,101,104)
```
#4f6a6f
```
#4f6a6f rgb(79,106,111)
```
#486f76
```
#486f76 rgb(72,111,118)
```
#40747e
```
#40747e rgb(64,116,126)
```
#397985
```
#397985 rgb(57,121,133)
```
#327e8c
```
#327e8c rgb(50,126,140)
```
#2b8393
```
#2b8393 rgb(43,131,147)
```
#23889b
```
#23889b rgb(35,136,155)
```
#1c8da2
```
#1c8da2 rgb(28,141,162)
```
#1592a9
```
#1592a9 rgb(21,146,169)
```
#0d97b1
```
#0d97b1 rgb(13,151,177)
```
#069cb8
```
#069cb8 rgb(6,156,184)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5c7a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c93b2 Protanopia 1% of men
#8792c1 Deuteranopia 1% of men
#00a2ae Tritanopia 0.001% of the population

Trichromacy

#5b96b4 Protanomaly 1% of men, 0.01% of women
#5895be Deuteranomaly 6% of men, 0.4% of women
#02a0b1 Tritanomaly 0.01% of the population

#069cb8 hex color

#069cb8 Color Information

#069cb8 Color Conversion

Color Schemes with #069cb8

Alternatives to #069cb8

#069cb8 Preview

Shades and Tints of #069cb8

Tones of #069cb8

Color Blindness Simulator