#069ec4 hex color

In a RGB color space, hex #069ec4 is composed of 2.4% red, 62% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 19.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 192 degrees, a saturation of 94.1% and a lightness of 39.6%. #069ec4 color hex could be obtained by blending #0cffff with #003d89. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 62
- B 77
RGB color chart
- C 97
- M 19
- Y 0
- K 23
CMYK color chart

● #069ec4 color description : Strong cyan.

The hexadecimal color #069ec4 has RGB values of R:6, G:158, B:196 and CMYK values of C:0.97, M:0.19, Y:0, K:0.23. Its decimal value is 433860.

Hex triplet	069ec4	`#069ec4`
RGB Decimal	6, 158, 196	`rgb(6,158,196)`
RGB Percent	2.4, 62, 76.9	`rgb(2.4%,62%,76.9%)`
CMYK	97, 19, 0, 23
HSL	192°, 94.1, 39.6	`hsl(192,94.1%,39.6%)`
HSV (or HSB)	192°, 96.9, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	60.316, -20.735, -29.179
XYZ	22.263, 28.476, 56.544
xyY	0.208, 0.265, 28.476
CIE-LCH	60.316, 35.796, 234.602
CIE-LUV	60.316, -42.328, -42.603
Hunter-Lab	53.363, -18.914, -25.471
Binary	00000110, 10011110, 11000100

#069ec4
```
#069ec4 rgb(6,158,196)
```
#c42c06
```
#c42c06 rgb(196,44,6)
```

Complementary Color

#06c48b
```
#06c48b rgb(6,196,139)
```
#069ec4
```
#069ec4 rgb(6,158,196)
```
#063fc4
```
#063fc4 rgb(6,63,196)
```

Analogous Color

#c48b06
```
#c48b06 rgb(196,139,6)
```
#069ec4
```
#069ec4 rgb(6,158,196)
```
#c4063f
```
#c4063f rgb(196,6,63)
```

Split Complementary Color

#9ec406
```
#9ec406 rgb(158,196,6)
```
#069ec4
```
#069ec4 rgb(6,158,196)
```
#c4069e
```
#c4069e rgb(196,6,158)
```

Triadic Color

#06c42c
```
#06c42c rgb(6,196,44)
```
#069ec4
```
#069ec4 rgb(6,158,196)
```
#c4069e
```
#c4069e rgb(196,6,158)
```
#c42c06
```
#c42c06 rgb(196,44,6)
```

Tetradic Color

#04627a
```
#04627a rgb(4,98,122)
```
#047693
```
#047693 rgb(4,118,147)
```
#058aab
```
#058aab rgb(5,138,171)
```
#069ec4
```
#069ec4 rgb(6,158,196)
```
#07b2dd
```
#07b2dd rgb(7,178,221)
```
#08c6f5
```
#08c6f5 rgb(8,198,245)
```
#1ecdf8
```
#1ecdf8 rgb(30,205,248)
```

Monochromatic Color

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

#06c4bb
```
#06c4bb rgb(6,196,187)
```
#06bec4
```
#06bec4 rgb(6,190,196)
```
#06aec4
```
#06aec4 rgb(6,174,196)
```
#069ec4
```
#069ec4 rgb(6,158,196)
```
#068ec4
```
#068ec4 rgb(6,142,196)
```
#067ec4
```
#067ec4 rgb(6,126,196)
```
#066fc4
```
#066fc4 rgb(6,111,196)
```

Similar Colors

Text with hexadecimal color #069ec4

This text has a font color of #069ec4.

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

#069ec4 background color

This paragraph has a background color of #069ec4.

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

#069ec4 border color

This element has a border color of #069ec4.

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

CSS codes

.text {color:#069ec4;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#011419
```
#011419 rgb(1,20,25)
```
#01232c
```
#01232c rgb(1,35,44)
```
#02333f
```
#02333f rgb(2,51,63)
```
#034252
```
#034252 rgb(3,66,82)
```
#035165
```
#035165 rgb(3,81,101)
```
#046178
```
#046178 rgb(4,97,120)
```
#04708b
```
#04708b rgb(4,112,139)
```
#057f9e
```
#057f9e rgb(5,127,158)
```
#058fb1
```
#058fb1 rgb(5,143,177)
```
#069ec4
```
#069ec4 rgb(6,158,196)
```
#07add7
```
#07add7 rgb(7,173,215)
```
#07bdea
```
#07bdea rgb(7,189,234)
```

Shade Color Variation

#0dc9f8
```
#0dc9f8 rgb(13,201,248)
```
#20cdf8
```
#20cdf8 rgb(32,205,248)
```
#33d1f9
```
#33d1f9 rgb(51,209,249)
```
#46d6f9
```
#46d6f9 rgb(70,214,249)
```
#59dafa
```
#59dafa rgb(89,218,250)
```
#6cdefb
```
#6cdefb rgb(108,222,251)
```
#7fe2fb
```
#7fe2fb rgb(127,226,251)
```
#92e7fc
```
#92e7fc rgb(146,231,252)
```
#a6ebfc
```
#a6ebfc rgb(166,235,252)
```
#b9effd
```
#b9effd rgb(185,239,253)
```
#ccf3fd
```
#ccf3fd rgb(204,243,253)
```
#dff8fe
```
#dff8fe rgb(223,248,254)
```
#f2fcff
```
#f2fcff rgb(242,252,255)
```

Tint Color Variation

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

#636667
```
#636667 rgb(99,102,103)
```
#5b6b6f
```
#5b6b6f rgb(91,107,111)
```
#546f76
```
#546f76 rgb(84,111,118)
```
#4c747e
```
#4c747e rgb(76,116,126)
```
#447986
```
#447986 rgb(68,121,134)
```
#3c7d8e
```
#3c7d8e rgb(60,125,142)
```
#358295
```
#358295 rgb(53,130,149)
```
#2d879d
```
#2d879d rgb(45,135,157)
```
#258ba5
```
#258ba5 rgb(37,139,165)
```
#1d90ad
```
#1d90ad rgb(29,144,173)
```
#1695b4
```
#1695b4 rgb(22,149,180)
```
#0e99bc
```
#0e99bc rgb(14,153,188)
```
#069ec4
```
#069ec4 rgb(6,158,196)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#5f7d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b95be Protanopia 1% of men
#8395cc Deuteranopia 1% of men
#00a5b1 Tritanopia 0.001% of the population

Trichromacy

#5b98c0 Protanomaly 1% of men, 0.01% of women
#5598c9 Deuteranomaly 6% of men, 0.4% of women
#02a2b8 Tritanomaly 0.01% of the population

#069ec4 hex color

#069ec4 Color Information

#069ec4 Color Conversion

Color Schemes with #069ec4

Alternatives to #069ec4

#069ec4 Preview

Shades and Tints of #069ec4

Tones of #069ec4

Color Blindness Simulator