#699bc4 hex color

In a RGB color space, hex #699bc4 is composed of 41.2% red, 60.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 20.9% magenta, 0% yellow and 23.1% black. It has a hue angle of 207 degrees, a saturation of 43.5% and a lightness of 59%. #699bc4 color hex could be obtained by blending #d2ffff with #003789. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 61
- B 77
RGB color chart
- C 46
- M 21
- Y 0
- K 23
CMYK color chart

● #699bc4 color description : Slightly desaturated blue.

The hexadecimal color #699bc4 has RGB values of R:105, G:155, B:196 and CMYK values of C:0.46, M:0.21, Y:0, K:0.23. Its decimal value is 6921156.

Hex triplet	699bc4	`#699bc4`
RGB Decimal	105, 155, 196	`rgb(105,155,196)`
RGB Percent	41.2, 60.8, 76.9	`rgb(41.2%,60.8%,76.9%)`
CMYK	46, 21, 0, 23
HSL	207°, 43.5, 59	`hsl(207,43.5%,59%)`
HSV (or HSB)	207°, 46.4, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.024, -5.574, -26.331
XYZ	27.509, 30.43, 56.646
xyY	0.24, 0.266, 30.43
CIE-LCH	62.024, 26.914, 258.048
CIE-LUV	62.024, -23.839, -39.918
Hunter-Lab	55.163, -7.523, -22.269
Binary	01101001, 10011011, 11000100

#699bc4
```
#699bc4 rgb(105,155,196)
```
#c49269
```
#c49269 rgb(196,146,105)
```

Complementary Color

#69c4c0
```
#69c4c0 rgb(105,196,192)
```
#699bc4
```
#699bc4 rgb(105,155,196)
```
#696ec4
```
#696ec4 rgb(105,110,196)
```

Analogous Color

#c4c069
```
#c4c069 rgb(196,192,105)
```
#699bc4
```
#699bc4 rgb(105,155,196)
```
#c4696e
```
#c4696e rgb(196,105,110)
```

Split Complementary Color

#9bc469
```
#9bc469 rgb(155,196,105)
```
#699bc4
```
#699bc4 rgb(105,155,196)
```
#c4699b
```
#c4699b rgb(196,105,155)
```

Triadic Color

#69c492
```
#69c492 rgb(105,196,146)
```
#699bc4
```
#699bc4 rgb(105,155,196)
```
#c4699b
```
#c4699b rgb(196,105,155)
```
#c49269
```
#c49269 rgb(196,146,105)
```

Tetradic Color

#3f75a1
```
#3f75a1 rgb(63,117,161)
```
#4782b3
```
#4782b3 rgb(71,130,179)
```
#578fbd
```
#578fbd rgb(87,143,189)
```
#699bc4
```
#699bc4 rgb(105,155,196)
```
#7ba7cb
```
#7ba7cb rgb(123,167,203)
```
#8eb3d2
```
#8eb3d2 rgb(142,179,210)
```
#a0c0da
```
#a0c0da rgb(160,192,218)
```

Monochromatic Color

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

#69b2c4
```
#69b2c4 rgb(105,178,196)
```
#69aac4
```
#69aac4 rgb(105,170,196)
```
#69a3c4
```
#69a3c4 rgb(105,163,196)
```
#699bc4
```
#699bc4 rgb(105,155,196)
```
#6993c4
```
#6993c4 rgb(105,147,196)
```
#698cc4
```
#698cc4 rgb(105,140,196)
```
#6984c4
```
#6984c4 rgb(105,132,196)
```

Similar Colors

Text with hexadecimal color #699bc4

This text has a font color of #699bc4.

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

#699bc4 background color

This paragraph has a background color of #699bc4.

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

#699bc4 border color

This element has a border color of #699bc4.

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

CSS codes

.text {color:#699bc4;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#070e13
```
#070e13 rgb(7,14,19)
```
#0d1821
```
#0d1821 rgb(13,24,33)
```
#13222f
```
#13222f rgb(19,34,47)
```
#182c3d
```
#182c3d rgb(24,44,61)
```
#1e374b
```
#1e374b rgb(30,55,75)
```
#234159
```
#234159 rgb(35,65,89)
```
#294b67
```
#294b67 rgb(41,75,103)
```
#2e5575
```
#2e5575 rgb(46,85,117)
```
#346084
```
#346084 rgb(52,96,132)
```
#396a92
```
#396a92 rgb(57,106,146)
```
#3f74a0
```
#3f74a0 rgb(63,116,160)
```
#447eae
```
#447eae rgb(68,126,174)
```

Shade Color Variation

#4d88b9
```
#4d88b9 rgb(77,136,185)
```
#5b92be
```
#5b92be rgb(91,146,190)
```
#699bc4
```
#699bc4 rgb(105,155,196)
```
#77a4ca
```
#77a4ca rgb(119,164,202)
```
#85aecf
```
#85aecf rgb(133,174,207)
```
#93b7d5
```
#93b7d5 rgb(147,183,213)
```
#a1c1da
```
#a1c1da rgb(161,193,218)
```
#afcae0
```
#afcae0 rgb(175,202,224)
```
#bdd3e5
```
#bdd3e5 rgb(189,211,229)
```
#ccddeb
```
#ccddeb rgb(204,221,235)
```
#dae6f0
```
#dae6f0 rgb(218,230,240)
```
#e8eff6
```
#e8eff6 rgb(232,239,246)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91979c is the less saturated color, while #31a1fc is the most saturated one.

#91979c
```
#91979c rgb(145,151,156)
```
#8998a4
```
#8998a4 rgb(137,152,164)
```
#8199ac
```
#8199ac rgb(129,153,172)
```
#7999b4
```
#7999b4 rgb(121,153,180)
```
#719abc
```
#719abc rgb(113,154,188)
```
#699bc4
```
#699bc4 rgb(105,155,196)
```
#619ccc
```
#619ccc rgb(97,156,204)
```
#599dd4
```
#599dd4 rgb(89,157,212)
```
#519ddc
```
#519ddc rgb(81,157,220)
```
#499ee4
```
#499ee4 rgb(73,158,228)
```
#419fec
```
#419fec rgb(65,159,236)
```
#39a0f4
```
#39a0f4 rgb(57,160,244)
```
#31a1fc
```
#31a1fc rgb(49,161,252)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#89939b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9099c2 Protanopia 1% of men
#8e99c9 Deuteranopia 1% of men
#68a4b0 Tritanopia 0.001% of the population

Trichromacy

#819ac3 Protanomaly 1% of men, 0.01% of women
#8099c7 Deuteranomaly 6% of men, 0.4% of women
#68a1b7 Tritanomaly 0.01% of the population

#699bc4 hex color

#699bc4 Color Information

#699bc4 Color Conversion

Color Schemes with #699bc4

Alternatives to #699bc4

#699bc4 Preview

Shades and Tints of #699bc4

Tones of #699bc4

Color Blindness Simulator