#069ddc hex color

In a RGB color space, hex #069ddc is composed of 2.4% red, 61.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 28.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 197.7 degrees, a saturation of 94.7% and a lightness of 44.3%. #069ddc color hex could be obtained by blending #0cffff with #003bb9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 62
- B 86
RGB color chart
- C 97
- M 29
- Y 0
- K 14
CMYK color chart

● #069ddc color description : Vivid blue.

The hexadecimal color #069ddc has RGB values of R:6, G:157, B:220 and CMYK values of C:0.97, M:0.29, Y:0, K:0.14. Its decimal value is 433628.

Hex triplet	069ddc	`#069ddc`
RGB Decimal	6, 157, 220	`rgb(6,157,220)`
RGB Percent	2.4, 61.6, 86.3	`rgb(2.4%,61.6%,86.3%)`
CMYK	97, 29, 0, 14
HSL	197.7°, 94.7, 44.3	`hsl(197.7,94.7%,44.3%)`
HSV (or HSB)	197.7°, 97.3, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.061, -11.599, -41.415
XYZ	25.047, 29.318, 72.045
xyY	0.198, 0.232, 29.318
CIE-LCH	61.061, 43.009, 254.355
CIE-LUV	61.061, -40.252, -64.177
Hunter-Lab	54.146, -12.183, -40.988
Binary	00000110, 10011101, 11011100

#069ddc
```
#069ddc rgb(6,157,220)
```
#dc4506
```
#dc4506 rgb(220,69,6)
```

Complementary Color

#06dcb0
```
#06dcb0 rgb(6,220,176)
```
#069ddc
```
#069ddc rgb(6,157,220)
```
#0632dc
```
#0632dc rgb(6,50,220)
```

Analogous Color

#dcb006
```
#dcb006 rgb(220,176,6)
```
#069ddc
```
#069ddc rgb(6,157,220)
```
#dc0632
```
#dc0632 rgb(220,6,50)
```

Split Complementary Color

#9ddc06
```
#9ddc06 rgb(157,220,6)
```
#069ddc
```
#069ddc rgb(6,157,220)
```
#dc069d
```
#dc069d rgb(220,6,157)
```

Triadic Color

#06dc45
```
#06dc45 rgb(6,220,69)
```
#069ddc
```
#069ddc rgb(6,157,220)
```
#dc069d
```
#dc069d rgb(220,6,157)
```
#dc4506
```
#dc4506 rgb(220,69,6)
```

Tetradic Color

#046892
```
#046892 rgb(4,104,146)
```
#057aaa
```
#057aaa rgb(5,122,170)
```
#058bc3
```
#058bc3 rgb(5,139,195)
```
#069ddc
```
#069ddc rgb(6,157,220)
```
#07aff5
```
#07aff5 rgb(7,175,245)
```
#1cb8f9
```
#1cb8f9 rgb(28,184,249)
```
#35c0f9
```
#35c0f9 rgb(53,192,249)
```

Monochromatic Color

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

#06d3dc
```
#06d3dc rgb(6,211,220)
```
#06c1dc
```
#06c1dc rgb(6,193,220)
```
#06afdc
```
#06afdc rgb(6,175,220)
```
#069ddc
```
#069ddc rgb(6,157,220)
```
#068bdc
```
#068bdc rgb(6,139,220)
```
#0679dc
```
#0679dc rgb(6,121,220)
```
#0668dc
```
#0668dc rgb(6,104,220)
```

Similar Colors

Text with hexadecimal color #069ddc

This text has a font color of #069ddc.

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

#069ddc background color

This paragraph has a background color of #069ddc.

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

#069ddc border color

This element has a border color of #069ddc.

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

CSS codes

.text {color:#069ddc;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#01151d
```
#01151d rgb(1,21,29)
```
#012230
```
#012230 rgb(1,34,48)
```
#023043
```
#023043 rgb(2,48,67)
```
#023e56
```
#023e56 rgb(2,62,86)
```
#034b69
```
#034b69 rgb(3,75,105)
```
#03597d
```
#03597d rgb(3,89,125)
```
#046690
```
#046690 rgb(4,102,144)
```
#0474a3
```
#0474a3 rgb(4,116,163)
```
#0582b6
```
#0582b6 rgb(5,130,182)
```
#058fc9
```
#058fc9 rgb(5,143,201)
```
#069ddc
```
#069ddc rgb(6,157,220)
```
#07abef
```
#07abef rgb(7,171,239)
```

Shade Color Variation

#11b4f9
```
#11b4f9 rgb(17,180,249)
```
#24baf9
```
#24baf9 rgb(36,186,249)
```
#37c0fa
```
#37c0fa rgb(55,192,250)
```
#4ac6fa
```
#4ac6fa rgb(74,198,250)
```
#5dccfb
```
#5dccfb rgb(93,204,251)
```
#70d2fb
```
#70d2fb rgb(112,210,251)
```
#83d8fc
```
#83d8fc rgb(131,216,252)
```
#96defc
```
#96defc rgb(150,222,252)
```
#a9e4fd
```
#a9e4fd rgb(169,228,253)
```
#bdeafd
```
#bdeafd rgb(189,234,253)
```
#d0f0fe
```
#d0f0fe rgb(208,240,254)
```
#e3f6fe
```
#e3f6fe rgb(227,246,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#6e7274
```
#6e7274 rgb(110,114,116)
```
#66767c
```
#66767c rgb(102,118,124)
```
#5d7985
```
#5d7985 rgb(93,121,133)
```
#547d8e
```
#547d8e rgb(84,125,142)
```
#4c8096
```
#4c8096 rgb(76,128,150)
```
#43849f
```
#43849f rgb(67,132,159)
```
#3a88a8
```
#3a88a8 rgb(58,136,168)
```
#318bb1
```
#318bb1 rgb(49,139,177)
```
#298fb9
```
#298fb9 rgb(41,143,185)
```
#2092c2
```
#2092c2 rgb(32,146,194)
```
#1796cb
```
#1796cb rgb(23,150,203)
```
#0f99d3
```
#0f99d3 rgb(15,153,211)
```
#069ddc
```
#069ddc rgb(6,157,220)
```

Tone Color Variation

Below, you can see how #069ddc 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
#607f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8396d5 Protanopia 1% of men
#7198e1 Deuteranopia 1% of men
#00a7b2 Tritanopia 0.001% of the population

Trichromacy

#5599d7 Protanomaly 1% of men, 0.01% of women
#4a9adf Deuteranomaly 6% of men, 0.4% of women
#02a3c1 Tritanomaly 0.01% of the population

#069ddc hex color

#069ddc Color Information

#069ddc Color Conversion

Color Schemes with #069ddc

Alternatives to #069ddc

#069ddc Preview

Shades and Tints of #069ddc

Tones of #069ddc

Color Blindness Simulator