#699bce hex color

In a RGB color space, hex #699bce is composed of 41.2% red, 60.8% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 24.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 210.3 degrees, a saturation of 50.8% and a lightness of 61%. #699bce color hex could be obtained by blending #d2ffff with #00379d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 61
- B 81
RGB color chart
- C 49
- M 25
- Y 0
- K 19
CMYK color chart

● #699bce color description : Slightly desaturated blue.

The hexadecimal color #699bce has RGB values of R:105, G:155, B:206 and CMYK values of C:0.49, M:0.25, Y:0, K:0.19. Its decimal value is 6921166.

Hex triplet	699bce	`#699bce`
RGB Decimal	105, 155, 206	`rgb(105,155,206)`
RGB Percent	41.2, 60.8, 80.8	`rgb(41.2%,60.8%,80.8%)`
CMYK	49, 25, 0, 19
HSL	210.3°, 50.8, 61	`hsl(210.3,50.8%,61%)`
HSV (or HSB)	210.3°, 49, 80.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.424, -2.649, -31.304
XYZ	28.685, 30.901, 62.842
xyY	0.234, 0.252, 30.901
CIE-LCH	62.424, 31.416, 265.163
CIE-LUV	62.424, -23.763, -48.52
Hunter-Lab	55.588, -5.169, -28.115
Binary	01101001, 10011011, 11001110

#699bce
```
#699bce rgb(105,155,206)
```
#ce9c69
```
#ce9c69 rgb(206,156,105)
```

Complementary Color

#69cece
```
#69cece rgb(105,206,206)
```
#699bce
```
#699bce rgb(105,155,206)
```
#6a69ce
```
#6a69ce rgb(106,105,206)
```

Analogous Color

#cece69
```
#cece69 rgb(206,206,105)
```
#699bce
```
#699bce rgb(105,155,206)
```
#ce6a69
```
#ce6a69 rgb(206,106,105)
```

Split Complementary Color

#9bce69
```
#9bce69 rgb(155,206,105)
```
#699bce
```
#699bce rgb(105,155,206)
```
#ce699b
```
#ce699b rgb(206,105,155)
```

Triadic Color

#69ce9c
```
#69ce9c rgb(105,206,156)
```
#699bce
```
#699bce rgb(105,155,206)
```
#ce699b
```
#ce699b rgb(206,105,155)
```
#ce9c69
```
#ce9c69 rgb(206,156,105)
```

Tetradic Color

#3a75b1
```
#3a75b1 rgb(58,117,177)
```
#4381c1
```
#4381c1 rgb(67,129,193)
```
#568ec8
```
#568ec8 rgb(86,142,200)
```
#699bce
```
#699bce rgb(105,155,206)
```
#7ca8d4
```
#7ca8d4 rgb(124,168,212)
```
#8fb5db
```
#8fb5db rgb(143,181,219)
```
#a3c1e1
```
#a3c1e1 rgb(163,193,225)
```

Monochromatic Color

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

#69b4ce
```
#69b4ce rgb(105,180,206)
```
#69acce
```
#69acce rgb(105,172,206)
```
#69a3ce
```
#69a3ce rgb(105,163,206)
```
#699bce
```
#699bce rgb(105,155,206)
```
#6993ce
```
#6993ce rgb(105,147,206)
```
#698ace
```
#698ace rgb(105,138,206)
```
#6982ce
```
#6982ce rgb(105,130,206)
```

Similar Colors

Text with hexadecimal color #699bce

This text has a font color of #699bce.

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

#699bce background color

This paragraph has a background color of #699bce.

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

#699bce border color

This element has a border color of #699bce.

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

CSS codes

.text {color:#699bce;}

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

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

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, #04080d is the darkest color, while #fdfefe is the lightest one.

#04080d
```
#04080d rgb(4,8,13)
```
#09121b
```
#09121b rgb(9,18,27)
```
#0e1c2a
```
#0e1c2a rgb(14,28,42)
```
#132639
```
#132639 rgb(19,38,57)
```
#172f48
```
#172f48 rgb(23,47,72)
```
#1c3957
```
#1c3957 rgb(28,57,87)
```
#214365
```
#214365 rgb(33,67,101)
```
#264d74
```
#264d74 rgb(38,77,116)
```
#2b5683
```
#2b5683 rgb(43,86,131)
```
#306092
```
#306092 rgb(48,96,146)
```
#346aa0
```
#346aa0 rgb(52,106,160)
```
#3974af
```
#3974af rgb(57,116,175)
```
#3e7dbe
```
#3e7dbe rgb(62,125,190)
```

Shade Color Variation

#4b87c4
```
#4b87c4 rgb(75,135,196)
```
#5a91c9
```
#5a91c9 rgb(90,145,201)
```
#699bce
```
#699bce rgb(105,155,206)
```
#78a5d3
```
#78a5d3 rgb(120,165,211)
```
#87afd8
```
#87afd8 rgb(135,175,216)
```
#95b9dc
```
#95b9dc rgb(149,185,220)
```
#a4c2e1
```
#a4c2e1 rgb(164,194,225)
```
#b3cce6
```
#b3cce6 rgb(179,204,230)
```
#c2d6eb
```
#c2d6eb rgb(194,214,235)
```
#d0e0f0
```
#d0e0f0 rgb(208,224,240)
```
#dfeaf5
```
#dfeaf5 rgb(223,234,245)
```
#eef4f9
```
#eef4f9 rgb(238,244,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979ba0 is the less saturated color, while #3b9bfc is the most saturated one.

#979ba0
```
#979ba0 rgb(151,155,160)
```
#8f9ba8
```
#8f9ba8 rgb(143,155,168)
```
#889baf
```
#889baf rgb(136,155,175)
```
#809bb7
```
#809bb7 rgb(128,155,183)
```
#789bbf
```
#789bbf rgb(120,155,191)
```
#719bc6
```
#719bc6 rgb(113,155,198)
```
#699bce
```
#699bce rgb(105,155,206)
```
#619bd6
```
#619bd6 rgb(97,155,214)
```
#5a9bdd
```
#5a9bdd rgb(90,155,221)
```
#529be5
```
#529be5 rgb(82,155,229)
```
#4a9bed
```
#4a9bed rgb(74,155,237)
```
#439bf4
```
#439bf4 rgb(67,155,244)
```
#3b9bfc
```
#3b9bfc rgb(59,155,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8a949e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9acc Protanopia 1% of men
#899ad2 Deuteranopia 1% of men
#64a6b2 Tritanopia 0.001% of the population

Trichromacy

#7f9acd Protanomaly 1% of men, 0.01% of women
#7d9ad0 Deuteranomaly 6% of men, 0.4% of women
#66a2bc Tritanomaly 0.01% of the population

#699bce hex color

#699bce Color Information

#699bce Color Conversion

Color Schemes with #699bce

Alternatives to #699bce

#699bce Preview

Shades and Tints of #699bce

Tones of #699bce

Color Blindness Simulator