colorhexa.com

#069cc5 hex color

In a RGB color space, hex #069cc5 is composed of 2.4% red, 61.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 97% cyan, 20.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 192.9 degrees, a saturation of 94.1% and a lightness of 39.8%. #069cc5 color hex could be obtained by blending #0cffff with #00398b. Closest websafe color is: #0099cc.

- R 2
- G 61
- B 77
RGB color chart
- C 97
- M 21
- Y 0
- K 23
CMYK color chart

● #069cc5 color description : Strong cyan.

The hexadecimal color #069cc5 has RGB values of R:6, G:156, B:197 and CMYK values of C:0.97, M:0.21, Y:0, K:0.23. Its decimal value is 433349.

Hex triplet	069cc5	`#069cc5`
RGB Decimal	6, 156, 197	`rgb(6,156,197)`
RGB Percent	2.4, 61.2, 77.3	`rgb(2.4%,61.2%,77.3%)`
CMYK	97, 21, 0, 23
HSL	192.9°, 94.1, 39.8	`hsl(192.9,94.1%,39.8%)`
HSV (or HSB)	192.9°, 97, 77.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	59.748, -19.325, -30.62
XYZ	22.039, 27.845, 57.033
xyY	0.206, 0.26, 27.845
CIE-LCH	59.748, 36.208, 237.743
CIE-LUV	59.748, -41.566, -45.095
Hunter-Lab	52.768, -17.792, -27.145
Binary	00000110, 10011100, 11000101

#069cc5
```
#069cc5 rgb(6,156,197)
```
#c52f06
```
#c52f06 rgb(197,47,6)
```

Complementary Color

#06c58f
```
#06c58f rgb(6,197,143)
```
#069cc5
```
#069cc5 rgb(6,156,197)
```
#063dc5
```
#063dc5 rgb(6,61,197)
```

Analogous Color

#c58f06
```
#c58f06 rgb(197,143,6)
```
#069cc5
```
#069cc5 rgb(6,156,197)
```
#c5063d
```
#c5063d rgb(197,6,61)
```

Split Complementary Color

#9cc506
```
#9cc506 rgb(156,197,6)
```
#069cc5
```
#069cc5 rgb(6,156,197)
```
#c5069c
```
#c5069c rgb(197,6,156)
```

Triadic Color

#04617b
```
#04617b rgb(4,97,123)
```
#047594
```
#047594 rgb(4,117,148)
```
#0588ac
```
#0588ac rgb(5,136,172)
```
#069cc5
```
#069cc5 rgb(6,156,197)
```
#07b0de
```
#07b0de rgb(7,176,222)
```
#08c3f6
```
#08c3f6 rgb(8,195,246)
```
#1fcaf8
```
#1fcaf8 rgb(31,202,248)
```

Monochromatic Color

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

#06c5be
```
#06c5be rgb(6,197,190)
```
#06bcc5
```
#06bcc5 rgb(6,188,197)
```
#06acc5
```
#06acc5 rgb(6,172,197)
```
#069cc5
```
#069cc5 rgb(6,156,197)
```
#068cc5
```
#068cc5 rgb(6,140,197)
```
#067cc5
```
#067cc5 rgb(6,124,197)
```
#066cc5
```
#066cc5 rgb(6,108,197)
```

Similar Colors

Text with hexadecimal color #069cc5

This text has a font color of #069cc5.

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

#069cc5 background color

This paragraph has a background color of #069cc5.

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

#069cc5 border color

This element has a border color of #069cc5.

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

CSS codes

.text {color:#069cc5;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#01141a
```
#01141a rgb(1,20,26)
```
#01232d
```
#01232d rgb(1,35,45)
```
#023240
```
#023240 rgb(2,50,64)
```
#034253
```
#034253 rgb(3,66,83)
```
#035166
```
#035166 rgb(3,81,102)
```
#046079
```
#046079 rgb(4,96,121)
```
#046f8c
```
#046f8c rgb(4,111,140)
```
#057e9f
```
#057e9f rgb(5,126,159)
```
#058db2
```
#058db2 rgb(5,141,178)
```
#069cc5
```
#069cc5 rgb(6,156,197)
```
#07abd8
```
#07abd8 rgb(7,171,216)
```
#07baeb
```
#07baeb rgb(7,186,235)
```

Shade Color Variation

#0ec6f8
```
#0ec6f8 rgb(14,198,248)
```
#21caf8
```
#21caf8 rgb(33,202,248)
```
#34cff9
```
#34cff9 rgb(52,207,249)
```
#47d3f9
```
#47d3f9 rgb(71,211,249)
```
#5ad8fa
```
#5ad8fa rgb(90,216,250)
```
#6ddcfb
```
#6ddcfb rgb(109,220,251)
```
#80e1fb
```
#80e1fb rgb(128,225,251)
```
#93e5fc
```
#93e5fc rgb(147,229,252)
```
#a6eafc
```
#a6eafc rgb(166,234,252)
```
#baeefd
```
#baeefd rgb(186,238,253)
```
#cdf3fd
```
#cdf3fd rgb(205,243,253)
```
#e0f8fe
```
#e0f8fe rgb(224,248,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#646767
```
#646767 rgb(100,103,103)
```
#5c6b6f
```
#5c6b6f rgb(92,107,111)
```
#546f77
```
#546f77 rgb(84,111,119)
```
#4c747f
```
#4c747f rgb(76,116,127)
```
#447887
```
#447887 rgb(68,120,135)
```
#3d7d8e
```
#3d7d8e rgb(61,125,142)
```
#358196
```
#358196 rgb(53,129,150)
```
#2d869e
```
#2d869e rgb(45,134,158)
```
#258aa6
```
#258aa6 rgb(37,138,166)
```
#1d8fae
```
#1d8fae rgb(29,143,174)
```
#1693b5
```
#1693b5 rgb(22,147,181)
```
#0e98bd
```
#0e98bd rgb(14,152,189)
```
#069cc5
```
#069cc5 rgb(6,156,197)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5e7c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8994bf Protanopia 1% of men
#8094cd Deuteranopia 1% of men
#00a4af Tritanopia 0.001% of the population

Trichromacy

#5996c1 Protanomaly 1% of men, 0.01% of women
#5397ca Deuteranomaly 6% of men, 0.4% of women
#02a1b7 Tritanomaly 0.01% of the population