#069ed6 hex color

In a RGB color space, hex #069ed6 is composed of 2.4% red, 62% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 26.2% magenta, 0% yellow and 16.1% black. It has a hue angle of 196.2 degrees, a saturation of 94.5% and a lightness of 43.1%. #069ed6 color hex could be obtained by blending #0cffff with #003dad. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 62
- B 84
RGB color chart
- C 97
- M 26
- Y 0
- K 16
CMYK color chart

● #069ed6 color description : Strong blue.

The hexadecimal color #069ed6 has RGB values of R:6, G:158, B:214 and CMYK values of C:0.97, M:0.26, Y:0, K:0.16. Its decimal value is 433878.

Hex triplet	069ed6	`#069ed6`
RGB Decimal	6, 158, 214	`rgb(6,158,214)`
RGB Percent	2.4, 62, 83.9	`rgb(2.4%,62%,83.9%)`
CMYK	97, 26, 0, 16
HSL	196.2°, 94.5, 43.1	`hsl(196.2,94.5%,43.1%)`
HSV (or HSB)	196.2°, 97.2, 83.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.085, -14.329, -38.041
XYZ	24.436, 29.345, 67.991
xyY	0.201, 0.241, 29.345
CIE-LCH	61.085, 40.651, 249.36
CIE-LUV	61.085, -41.009, -58.219
Hunter-Lab	54.171, -14.279, -36.496
Binary	00000110, 10011110, 11010110

#069ed6
```
#069ed6 rgb(6,158,214)
```
#d63e06
```
#d63e06 rgb(214,62,6)
```

Complementary Color

#06d6a6
```
#06d6a6 rgb(6,214,166)
```
#069ed6
```
#069ed6 rgb(6,158,214)
```
#0636d6
```
#0636d6 rgb(6,54,214)
```

Analogous Color

#d6a606
```
#d6a606 rgb(214,166,6)
```
#069ed6
```
#069ed6 rgb(6,158,214)
```
#d60636
```
#d60636 rgb(214,6,54)
```

Split Complementary Color

#9ed606
```
#9ed606 rgb(158,214,6)
```
#069ed6
```
#069ed6 rgb(6,158,214)
```
#d6069e
```
#d6069e rgb(214,6,158)
```

Triadic Color

#06d63e
```
#06d63e rgb(6,214,62)
```
#069ed6
```
#069ed6 rgb(6,158,214)
```
#d6069e
```
#d6069e rgb(214,6,158)
```
#d63e06
```
#d63e06 rgb(214,62,6)
```

Tetradic Color

#04678c
```
#04678c rgb(4,103,140)
```
#0579a4
```
#0579a4 rgb(5,121,164)
```
#058cbd
```
#058cbd rgb(5,140,189)
```
#069ed6
```
#069ed6 rgb(6,158,214)
```
#07b0ef
```
#07b0ef rgb(7,176,239)
```
#17bcf8
```
#17bcf8 rgb(23,188,248)
```
#2fc3f9
```
#2fc3f9 rgb(47,195,249)
```

Monochromatic Color

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

#06d2d6
```
#06d2d6 rgb(6,210,214)
```
#06c1d6
```
#06c1d6 rgb(6,193,214)
```
#06afd6
```
#06afd6 rgb(6,175,214)
```
#069ed6
```
#069ed6 rgb(6,158,214)
```
#068dd6
```
#068dd6 rgb(6,141,214)
```
#067bd6
```
#067bd6 rgb(6,123,214)
```
#066ad6
```
#066ad6 rgb(6,106,214)
```

Similar Colors

Text with hexadecimal color #069ed6

This text has a font color of #069ed6.

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

#069ed6 background color

This paragraph has a background color of #069ed6.

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

#069ed6 border color

This element has a border color of #069ed6.

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

CSS codes

.text {color:#069ed6;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011117
```
#011117 rgb(1,17,23)
```
#011f2a
```
#011f2a rgb(1,31,42)
```
#022d3d
```
#022d3d rgb(2,45,61)
```
#023b50
```
#023b50 rgb(2,59,80)
```
#034964
```
#034964 rgb(3,73,100)
```
#035877
```
#035877 rgb(3,88,119)
```
#04668a
```
#04668a rgb(4,102,138)
```
#04749d
```
#04749d rgb(4,116,157)
```
#0582b0
```
#0582b0 rgb(5,130,176)
```
#0590c3
```
#0590c3 rgb(5,144,195)
```
#069ed6
```
#069ed6 rgb(6,158,214)
```
#07ace9
```
#07ace9 rgb(7,172,233)
```

Shade Color Variation

#0bb8f8
```
#0bb8f8 rgb(11,184,248)
```
#1ebef9
```
#1ebef9 rgb(30,190,249)
```
#31c3f9
```
#31c3f9 rgb(49,195,249)
```
#44c9fa
```
#44c9fa rgb(68,201,250)
```
#57cefa
```
#57cefa rgb(87,206,250)
```
#6ad4fb
```
#6ad4fb rgb(106,212,251)
```
#7ed9fb
```
#7ed9fb rgb(126,217,251)
```
#91dffc
```
#91dffc rgb(145,223,252)
```
#a4e5fc
```
#a4e5fc rgb(164,229,252)
```
#b7eafd
```
#b7eafd rgb(183,234,253)
```
#caf0fe
```
#caf0fe rgb(202,240,254)
```
#ddf5fe
```
#ddf5fe rgb(221,245,254)
```
#f0fbff
```
#f0fbff rgb(240,251,255)
```

Tint Color Variation

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

#6c6f70
```
#6c6f70 rgb(108,111,112)
```
#637379
```
#637379 rgb(99,115,121)
```
#5b7781
```
#5b7781 rgb(91,119,129)
```
#527b8a
```
#527b8a rgb(82,123,138)
```
#4a7f92
```
#4a7f92 rgb(74,127,146)
```
#41839b
```
#41839b rgb(65,131,155)
```
#3987a3
```
#3987a3 rgb(57,135,163)
```
#308aac
```
#308aac rgb(48,138,172)
```
#288eb4
```
#288eb4 rgb(40,142,180)
```
#1f92bd
```
#1f92bd rgb(31,146,189)
```
#1796c5
```
#1796c5 rgb(23,150,197)
```
#0e9ace
```
#0e9ace rgb(14,154,206)
```
#069ed6
```
#069ed6 rgb(6,158,214)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#607f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8697cf Protanopia 1% of men
#7798dc Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#5799d1 Protanomaly 1% of men, 0.01% of women
#4e9ada Deuteranomaly 6% of men, 0.4% of women
#02a4bf Tritanomaly 0.01% of the population

#069ed6 hex color

#069ed6 Color Information

#069ed6 Color Conversion

Color Schemes with #069ed6

Alternatives to #069ed6

#069ed6 Preview

Shades and Tints of #069ed6

Tones of #069ed6

Color Blindness Simulator