#069ed5 hex color

In a RGB color space, hex #069ed5 is composed of 2.4% red, 62% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 25.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 195.9 degrees, a saturation of 94.5% and a lightness of 42.9%. #069ed5 color hex could be obtained by blending #0cffff with #003dab. 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

● #069ed5 color description : Strong blue.

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

Hex triplet	069ed5	`#069ed5`
RGB Decimal	6, 158, 213	`rgb(6,158,213)`
RGB Percent	2.4, 62, 83.5	`rgb(2.4%,62%,83.5%)`
CMYK	97, 26, 0, 16
HSL	195.9°, 94.5, 42.9	`hsl(195.9,94.5%,42.9%)`
HSV (or HSB)	195.9°, 97.2, 83.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.04, -14.69, -37.554
XYZ	24.309, 29.294, 67.32
xyY	0.201, 0.242, 29.294
CIE-LCH	61.04, 40.325, 248.636
CIE-LUV	61.04, -41.08, -57.356
Hunter-Lab	54.124, -14.546, -35.859
Binary	00000110, 10011110, 11010101

#069ed5
```
#069ed5 rgb(6,158,213)
```
#d53d06
```
#d53d06 rgb(213,61,6)
```

Complementary Color

#06d5a5
```
#06d5a5 rgb(6,213,165)
```
#069ed5
```
#069ed5 rgb(6,158,213)
```
#0637d5
```
#0637d5 rgb(6,55,213)
```

Analogous Color

#d5a506
```
#d5a506 rgb(213,165,6)
```
#069ed5
```
#069ed5 rgb(6,158,213)
```
#d50637
```
#d50637 rgb(213,6,55)
```

Split Complementary Color

#9ed506
```
#9ed506 rgb(158,213,6)
```
#069ed5
```
#069ed5 rgb(6,158,213)
```
#d5069e
```
#d5069e rgb(213,6,158)
```

Triadic Color

#06d53d
```
#06d53d rgb(6,213,61)
```
#069ed5
```
#069ed5 rgb(6,158,213)
```
#d5069e
```
#d5069e rgb(213,6,158)
```
#d53d06
```
#d53d06 rgb(213,61,6)
```

Tetradic Color

#04678b
```
#04678b rgb(4,103,139)
```
#0579a3
```
#0579a3 rgb(5,121,163)
```
#058cbc
```
#058cbc rgb(5,140,188)
```
#069ed5
```
#069ed5 rgb(6,158,213)
```
#07b0ee
```
#07b0ee rgb(7,176,238)
```
#16bcf8
```
#16bcf8 rgb(22,188,248)
```
#2ec3f9
```
#2ec3f9 rgb(46,195,249)
```

Monochromatic Color

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

#06d2d5
```
#06d2d5 rgb(6,210,213)
```
#06c1d5
```
#06c1d5 rgb(6,193,213)
```
#06afd5
```
#06afd5 rgb(6,175,213)
```
#069ed5
```
#069ed5 rgb(6,158,213)
```
#068dd5
```
#068dd5 rgb(6,141,213)
```
#067cd5
```
#067cd5 rgb(6,124,213)
```
#066ad5
```
#066ad5 rgb(6,106,213)
```

Similar Colors

Text with hexadecimal color #069ed5

This text has a font color of #069ed5.

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

#069ed5 background color

This paragraph has a background color of #069ed5.

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

#069ed5 border color

This element has a border color of #069ed5.

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

CSS codes

.text {color:#069ed5;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011016
```
#011016 rgb(1,16,22)
```
#011f29
```
#011f29 rgb(1,31,41)
```
#022d3c
```
#022d3c rgb(2,45,60)
```
#023b4f
```
#023b4f rgb(2,59,79)
```
#034963
```
#034963 rgb(3,73,99)
```
#035776
```
#035776 rgb(3,87,118)
```
#046589
```
#046589 rgb(4,101,137)
```
#04749c
```
#04749c rgb(4,116,156)
```
#0582af
```
#0582af rgb(5,130,175)
```
#0590c2
```
#0590c2 rgb(5,144,194)
```
#069ed5
```
#069ed5 rgb(6,158,213)
```
#07ace8
```
#07ace8 rgb(7,172,232)
```

Shade Color Variation

#0ab9f8
```
#0ab9f8 rgb(10,185,248)
```
#1dbef9
```
#1dbef9 rgb(29,190,249)
```
#30c4f9
```
#30c4f9 rgb(48,196,249)
```
#43c9fa
```
#43c9fa rgb(67,201,250)
```
#56cffa
```
#56cffa rgb(86,207,250)
```
#6ad4fb
```
#6ad4fb rgb(106,212,251)
```
#7ddafb
```
#7ddafb rgb(125,218,251)
```
#90dffc
```
#90dffc rgb(144,223,252)
```
#a3e5fc
```
#a3e5fc rgb(163,229,252)
```
#b6eafd
```
#b6eafd rgb(182,234,253)
```
#c9f0fd
```
#c9f0fd rgb(201,240,253)
```
#dcf5fe
```
#dcf5fe rgb(220,245,254)
```
#effaff
```
#effaff rgb(239,250,255)
```

Tint Color Variation

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

#6b6f70
```
#6b6f70 rgb(107,111,112)
```
#637378
```
#637378 rgb(99,115,120)
```
#5a7781
```
#5a7781 rgb(90,119,129)
```
#527a89
```
#527a89 rgb(82,122,137)
```
#497e92
```
#497e92 rgb(73,126,146)
```
#41829a
```
#41829a rgb(65,130,154)
```
#3986a2
```
#3986a2 rgb(57,134,162)
```
#308aab
```
#308aab rgb(48,138,171)
```
#288eb3
```
#288eb3 rgb(40,142,179)
```
#1f92bc
```
#1f92bc rgb(31,146,188)
```
#1796c4
```
#1796c4 rgb(23,150,196)
```
#0e9acd
```
#0e9acd rgb(14,154,205)
```
#069ed5
```
#069ed5 rgb(6,158,213)
```

Tone Color Variation

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

#8696ce Protanopia 1% of men
#7898db Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

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

#069ed5 hex color

#069ed5 Color Information

#069ed5 Color Conversion

Color Schemes with #069ed5

Alternatives to #069ed5

#069ed5 Preview

Shades and Tints of #069ed5

Tones of #069ed5

Color Blindness Simulator