#069bde hex color

In a RGB color space, hex #069bde is composed of 2.4% red, 60.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 30.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 198.6 degrees, a saturation of 94.7% and a lightness of 44.7%. #069bde color hex could be obtained by blending #0cffff with #0037bd. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 61
- B 87
RGB color chart
- C 97
- M 30
- Y 0
- K 13
CMYK color chart

● #069bde color description : Vivid blue.

The hexadecimal color #069bde has RGB values of R:6, G:155, B:222 and CMYK values of C:0.97, M:0.3, Y:0, K:0.13. Its decimal value is 433118.

Hex triplet	069bde	`#069bde`
RGB Decimal	6, 155, 222	`rgb(6,155,222)`
RGB Percent	2.4, 60.8, 87.1	`rgb(2.4%,60.8%,87.1%)`
CMYK	97, 30, 0, 13
HSL	198.6°, 94.7, 44.7	`hsl(198.6,94.7%,44.7%)`
HSV (or HSB)	198.6°, 97.3, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	60.563, -9.748, -43.309
XYZ	24.978, 28.753, 73.337
xyY	0.197, 0.226, 28.753
CIE-LCH	60.563, 44.392, 257.316
CIE-LUV	60.563, -39.447, -67.466
Hunter-Lab	53.622, -10.69, -43.554
Binary	00000110, 10011011, 11011110

#069bde
```
#069bde rgb(6,155,222)
```
#de4906
```
#de4906 rgb(222,73,6)
```

Complementary Color

#06deb5
```
#06deb5 rgb(6,222,181)
```
#069bde
```
#069bde rgb(6,155,222)
```
#062fde
```
#062fde rgb(6,47,222)
```

Analogous Color

#deb506
```
#deb506 rgb(222,181,6)
```
#069bde
```
#069bde rgb(6,155,222)
```
#de062f
```
#de062f rgb(222,6,47)
```

Split Complementary Color

#9bde06
```
#9bde06 rgb(155,222,6)
```
#069bde
```
#069bde rgb(6,155,222)
```
#de069b
```
#de069b rgb(222,6,155)
```

Triadic Color

#06de49
```
#06de49 rgb(6,222,73)
```
#069bde
```
#069bde rgb(6,155,222)
```
#de069b
```
#de069b rgb(222,6,155)
```
#de4906
```
#de4906 rgb(222,73,6)
```

Tetradic Color

#046794
```
#046794 rgb(4,103,148)
```
#0578ac
```
#0578ac rgb(5,120,172)
```
#058ac5
```
#058ac5 rgb(5,138,197)
```
#069bde
```
#069bde rgb(6,155,222)
```
#07acf7
```
#07acf7 rgb(7,172,247)
```
#1eb5f9
```
#1eb5f9 rgb(30,181,249)
```
#37bdfa
```
#37bdfa rgb(55,189,250)
```

Monochromatic Color

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

#06d1de
```
#06d1de rgb(6,209,222)
```
#06bfde
```
#06bfde rgb(6,191,222)
```
#06adde
```
#06adde rgb(6,173,222)
```
#069bde
```
#069bde rgb(6,155,222)
```
#0689de
```
#0689de rgb(6,137,222)
```
#0677de
```
#0677de rgb(6,119,222)
```
#0665de
```
#0665de rgb(6,101,222)
```

Similar Colors

Text with hexadecimal color #069bde

This text has a font color of #069bde.

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

#069bde background color

This paragraph has a background color of #069bde.

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

#069bde border color

This element has a border color of #069bde.

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

CSS codes

.text {color:#069bde;}

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

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

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, #00080c is the darkest color, while #f8fdff is the lightest one.

#00080c
```
#00080c rgb(0,8,12)
```
#01161f
```
#01161f rgb(1,22,31)
```
#012332
```
#012332 rgb(1,35,50)
```
#023045
```
#023045 rgb(2,48,69)
```
#023e58
```
#023e58 rgb(2,62,88)
```
#034b6b
```
#034b6b rgb(3,75,107)
```
#03587f
```
#03587f rgb(3,88,127)
```
#046692
```
#046692 rgb(4,102,146)
```
#0473a5
```
#0473a5 rgb(4,115,165)
```
#0580b8
```
#0580b8 rgb(5,128,184)
```
#058ecb
```
#058ecb rgb(5,142,203)
```
#069bde
```
#069bde rgb(6,155,222)
```
#07a8f1
```
#07a8f1 rgb(7,168,241)
```

Shade Color Variation

#13b1f9
```
#13b1f9 rgb(19,177,249)
```
#26b8f9
```
#26b8f9 rgb(38,184,249)
```
#39befa
```
#39befa rgb(57,190,250)
```
#4cc4fa
```
#4cc4fa rgb(76,196,250)
```
#5fcafb
```
#5fcafb rgb(95,202,251)
```
#72d1fb
```
#72d1fb rgb(114,209,251)
```
#85d7fc
```
#85d7fc rgb(133,215,252)
```
#98ddfc
```
#98ddfc rgb(152,221,252)
```
#abe4fd
```
#abe4fd rgb(171,228,253)
```
#bfeafd
```
#bfeafd rgb(191,234,253)
```
#d2f0fe
```
#d2f0fe rgb(210,240,254)
```
#e5f6fe
```
#e5f6fe rgb(229,246,254)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#6f7375
```
#6f7375 rgb(111,115,117)
```
#66767e
```
#66767e rgb(102,118,126)
```
#5e7a86
```
#5e7a86 rgb(94,122,134)
```
#557d8f
```
#557d8f rgb(85,125,143)
```
#4c8098
```
#4c8098 rgb(76,128,152)
```
#4384a1
```
#4384a1 rgb(67,132,161)
```
#3b87a9
```
#3b87a9 rgb(59,135,169)
```
#328ab2
```
#328ab2 rgb(50,138,178)
```
#298ebb
```
#298ebb rgb(41,142,187)
```
#2091c4
```
#2091c4 rgb(32,145,196)
```
#1894cc
```
#1894cc rgb(24,148,204)
```
#0f98d5
```
#0f98d5 rgb(15,152,213)
```
#069bde
```
#069bde rgb(6,155,222)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#607d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f95d7 Protanopia 1% of men
#6c97e3 Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#5397da Protanomaly 1% of men, 0.01% of women
#4698e1 Deuteranomaly 6% of men, 0.4% of women
#02a2c1 Tritanomaly 0.01% of the population

#069bde hex color

#069bde Color Information

#069bde Color Conversion

Color Schemes with #069bde

Alternatives to #069bde

#069bde Preview

Shades and Tints of #069bde

Tones of #069bde

Color Blindness Simulator