#699bec hex color

In a RGB color space, hex #699bec is composed of 41.2% red, 60.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 34.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 217.1 degrees, a saturation of 77.5% and a lightness of 66.9%. #699bec color hex could be obtained by blending #d2ffff with #0037d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 61
- B 93
RGB color chart
- C 56
- M 34
- Y 0
- K 7
CMYK color chart

● #699bec color description : Soft blue.

The hexadecimal color #699bec has RGB values of R:105, G:155, B:236 and CMYK values of C:0.56, M:0.34, Y:0, K:0.07. Its decimal value is 6921196.

Hex triplet	699bec	`#699bec`
RGB Decimal	105, 155, 236	`rgb(105,155,236)`
RGB Percent	41.2, 60.8, 92.5	`rgb(41.2%,60.8%,92.5%)`
CMYK	56, 34, 0, 7
HSL	217.1°, 77.5, 66.9	`hsl(217.1,77.5%,66.9%)`
HSV (or HSB)	217.1°, 55.5, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.754, 6.528, -45.852
XYZ	32.684, 32.5, 83.903
xyY	0.219, 0.218, 32.5
CIE-LCH	63.754, 46.314, 278.103
CIE-LUV	63.754, -23.596, -74.092
Hunter-Lab	57.009, 2.571, -47.354
Binary	01101001, 10011011, 11101100

#699bec
```
#699bec rgb(105,155,236)
```
#ecba69
```
#ecba69 rgb(236,186,105)
```

Complementary Color

#69ddec
```
#69ddec rgb(105,221,236)
```
#699bec
```
#699bec rgb(105,155,236)
```
#7969ec
```
#7969ec rgb(121,105,236)
```

Analogous Color

#ddec69
```
#ddec69 rgb(221,236,105)
```
#699bec
```
#699bec rgb(105,155,236)
```
#ec7969
```
#ec7969 rgb(236,121,105)
```

Split Complementary Color

#9bec69
```
#9bec69 rgb(155,236,105)
```
#699bec
```
#699bec rgb(105,155,236)
```
#ec699b
```
#ec699b rgb(236,105,155)
```

Triadic Color

#69ecba
```
#69ecba rgb(105,236,186)
```
#699bec
```
#699bec rgb(105,155,236)
```
#ec699b
```
#ec699b rgb(236,105,155)
```
#ecba69
```
#ecba69 rgb(236,186,105)
```

Tetradic Color

#256ee3
```
#256ee3 rgb(37,110,227)
```
#3c7de6
```
#3c7de6 rgb(60,125,230)
```
#528ce9
```
#528ce9 rgb(82,140,233)
```
#699bec
```
#699bec rgb(105,155,236)
```
#80aaef
```
#80aaef rgb(128,170,239)
```
#96b9f2
```
#96b9f2 rgb(150,185,242)
```
#adc8f5
```
#adc8f5 rgb(173,200,245)
```

Monochromatic Color

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

#69bcec
```
#69bcec rgb(105,188,236)
```
#69b1ec
```
#69b1ec rgb(105,177,236)
```
#69a6ec
```
#69a6ec rgb(105,166,236)
```
#699bec
```
#699bec rgb(105,155,236)
```
#6990ec
```
#6990ec rgb(105,144,236)
```
#6985ec
```
#6985ec rgb(105,133,236)
```
#697aec
```
#697aec rgb(105,122,236)
```

Similar Colors

Text with hexadecimal color #699bec

This text has a font color of #699bec.

<span style="color:#699bec;">Text here</span>

#699bec background color

This paragraph has a background color of #699bec.

<p style="background-color:#699bec;">Content here</p>

#699bec border color

This element has a border color of #699bec.

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

CSS codes

.text {color:#699bec;}

.background {background-color:#699bec;}

.border {border:1px solid #699bec;}

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

#010307
```
#010307 rgb(1,3,7)
```
#030b18
```
#030b18 rgb(3,11,24)
```
#05132a
```
#05132a rgb(5,19,42)
```
#071b3b
```
#071b3b rgb(7,27,59)
```
#0a234c
```
#0a234c rgb(10,35,76)
```
#0c2b5e
```
#0c2b5e rgb(12,43,94)
```
#0e336f
```
#0e336f rgb(14,51,111)
```
#103b81
```
#103b81 rgb(16,59,129)
```
#124392
```
#124392 rgb(18,67,146)
```
#154ba3
```
#154ba3 rgb(21,75,163)
```
#1753b5
```
#1753b5 rgb(23,83,181)
```
#195bc6
```
#195bc6 rgb(25,91,198)
```
#1b63d8
```
#1b63d8 rgb(27,99,216)
```

Shade Color Variation

#236de3
```
#236de3 rgb(35,109,227)
```
#3578e5
```
#3578e5 rgb(53,120,229)
```
#4684e8
```
#4684e8 rgb(70,132,232)
```
#588fea
```
#588fea rgb(88,143,234)
```
#699bec
```
#699bec rgb(105,155,236)
```
#7aa7ee
```
#7aa7ee rgb(122,167,238)
```
#8cb2f0
```
#8cb2f0 rgb(140,178,240)
```
#9dbef3
```
#9dbef3 rgb(157,190,243)
```
#afc9f5
```
#afc9f5 rgb(175,201,245)
```
#c0d5f7
```
#c0d5f7 rgb(192,213,247)
```
#d1e1f9
```
#d1e1f9 rgb(209,225,249)
```
#e3ecfb
```
#e3ecfb rgb(227,236,251)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

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

#aaaaab
```
#aaaaab rgb(170,170,171)
```
#a4a9b2
```
#a4a9b2 rgb(164,169,178)
```
#9da7b8
```
#9da7b8 rgb(157,167,184)
```
#97a6bf
```
#97a6bf rgb(151,166,191)
```
#90a4c5
```
#90a4c5 rgb(144,164,197)
```
#8aa3cc
```
#8aa3cc rgb(138,163,204)
```
#83a1d2
```
#83a1d2 rgb(131,161,210)
```
#7da0d9
```
#7da0d9 rgb(125,160,217)
```
#769edf
```
#769edf rgb(118,158,223)
```
#709de6
```
#709de6 rgb(112,157,230)
```
#699bec
```
#699bec rgb(105,155,236)
```
#6399f3
```
#6399f3 rgb(99,153,243)
```
#5c98f9
```
#5c98f9 rgb(92,152,249)
```

Tone Color Variation

Below, you can see how #699bec 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

#959595 Achromatopsia 0.005% of the population
#8c96a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#819dea Protanopia 1% of men
#749fed Deuteranopia 1% of men
#56abb8 Tritanopia 0.001% of the population

Trichromacy

#789ceb Protanomaly 1% of men, 0.01% of women
#709dec Deuteranomaly 6% of men, 0.4% of women
#5da5ca Tritanomaly 0.01% of the population

#699bec hex color

#699bec Color Information

#699bec Color Conversion

Color Schemes with #699bec

Alternatives to #699bec

#699bec Preview

Shades and Tints of #699bec

Tones of #699bec

Color Blindness Simulator