#699bd8 hex color

In a RGB color space, hex #699bd8 is composed of 41.2% red, 60.8% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 28.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 213 degrees, a saturation of 58.7% and a lightness of 62.9%. #699bd8 color hex could be obtained by blending #d2ffff with #0037b1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 61
- B 85
RGB color chart
- C 51
- M 28
- Y 0
- K 15
CMYK color chart

● #699bd8 color description : Moderate blue.

The hexadecimal color #699bd8 has RGB values of R:105, G:155, B:216 and CMYK values of C:0.51, M:0.28, Y:0, K:0.15. Its decimal value is 6921176.

Hex triplet	699bd8	`#699bd8`
RGB Decimal	105, 155, 216	`rgb(105,155,216)`
RGB Percent	41.2, 60.8, 84.7	`rgb(41.2%,60.8%,84.7%)`
CMYK	51, 28, 0, 15
HSL	213°, 58.7, 62.9	`hsl(213,58.7%,62.9%)`
HSV (or HSB)	213°, 51.4, 84.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.846, 0.349, -36.216
XYZ	29.939, 31.402, 69.446
xyY	0.229, 0.24, 31.402
CIE-LCH	62.846, 36.218, 270.552
CIE-LUV	62.846, -23.698, -57.101
Hunter-Lab	56.038, -2.7, -34.25
Binary	01101001, 10011011, 11011000

#699bd8
```
#699bd8 rgb(105,155,216)
```
#d8a669
```
#d8a669 rgb(216,166,105)
```

Complementary Color

#69d3d8
```
#69d3d8 rgb(105,211,216)
```
#699bd8
```
#699bd8 rgb(105,155,216)
```
#6f69d8
```
#6f69d8 rgb(111,105,216)
```

Analogous Color

#d3d869
```
#d3d869 rgb(211,216,105)
```
#699bd8
```
#699bd8 rgb(105,155,216)
```
#d86f69
```
#d86f69 rgb(216,111,105)
```

Split Complementary Color

#9bd869
```
#9bd869 rgb(155,216,105)
```
#699bd8
```
#699bd8 rgb(105,155,216)
```
#d8699b
```
#d8699b rgb(216,105,155)
```

Triadic Color

#69d8a6
```
#69d8a6 rgb(105,216,166)
```
#699bd8
```
#699bd8 rgb(105,155,216)
```
#d8699b
```
#d8699b rgb(216,105,155)
```
#d8a669
```
#d8a669 rgb(216,166,105)
```

Tetradic Color

#3273c2
```
#3273c2 rgb(50,115,194)
```
#4180cd
```
#4180cd rgb(65,128,205)
```
#558ed3
```
#558ed3 rgb(85,142,211)
```
#699bd8
```
#699bd8 rgb(105,155,216)
```
#7da8dd
```
#7da8dd rgb(125,168,221)
```
#91b6e3
```
#91b6e3 rgb(145,182,227)
```
#a6c3e8
```
#a6c3e8 rgb(166,195,232)
```

Monochromatic Color

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

#69b7d8
```
#69b7d8 rgb(105,183,216)
```
#69aed8
```
#69aed8 rgb(105,174,216)
```
#69a4d8
```
#69a4d8 rgb(105,164,216)
```
#699bd8
```
#699bd8 rgb(105,155,216)
```
#6992d8
```
#6992d8 rgb(105,146,216)
```
#6989d8
```
#6989d8 rgb(105,137,216)
```
#697fd8
```
#697fd8 rgb(105,127,216)
```

Similar Colors

Text with hexadecimal color #699bd8

This text has a font color of #699bd8.

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

#699bd8 background color

This paragraph has a background color of #699bd8.

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

#699bd8 border color

This element has a border color of #699bd8.

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

CSS codes

.text {color:#699bd8;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#060d15
```
#060d15 rgb(6,13,21)
```
#0a1625
```
#0a1625 rgb(10,22,37)
```
#0e1f34
```
#0e1f34 rgb(14,31,52)
```
#122844
```
#122844 rgb(18,40,68)
```
#163254
```
#163254 rgb(22,50,84)
```
#1a3b63
```
#1a3b63 rgb(26,59,99)
```
#1e4473
```
#1e4473 rgb(30,68,115)
```
#224d82
```
#224d82 rgb(34,77,130)
```
#265792
```
#265792 rgb(38,87,146)
```
#2a60a1
```
#2a60a1 rgb(42,96,161)
```
#2e69b1
```
#2e69b1 rgb(46,105,177)
```
#3272c0
```
#3272c0 rgb(50,114,192)
```

Shade Color Variation

#3a7ccc
```
#3a7ccc rgb(58,124,204)
```
#4a86d0
```
#4a86d0 rgb(74,134,208)
```
#5991d4
```
#5991d4 rgb(89,145,212)
```
#699bd8
```
#699bd8 rgb(105,155,216)
```
#79a5dc
```
#79a5dc rgb(121,165,220)
```
#88b0e0
```
#88b0e0 rgb(136,176,224)
```
#98bae4
```
#98bae4 rgb(152,186,228)
```
#a7c5e8
```
#a7c5e8 rgb(167,197,232)
```
#b7cfec
```
#b7cfec rgb(183,207,236)
```
#c6d9f0
```
#c6d9f0 rgb(198,217,240)
```
#d6e4f4
```
#d6e4f4 rgb(214,228,244)
```
#e6eef8
```
#e6eef8 rgb(230,238,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca0a5 is the less saturated color, while #4597fc is the most saturated one.

#9ca0a5
```
#9ca0a5 rgb(156,160,165)
```
#959fac
```
#959fac rgb(149,159,172)
```
#8d9fb4
```
#8d9fb4 rgb(141,159,180)
```
#869ebb
```
#869ebb rgb(134,158,187)
```
#7f9dc2
```
#7f9dc2 rgb(127,157,194)
```
#789cc9
```
#789cc9 rgb(120,156,201)
```
#709cd1
```
#709cd1 rgb(112,156,209)
```
#699bd8
```
#699bd8 rgb(105,155,216)
```
#629adf
```
#629adf rgb(98,154,223)
```
#5a9ae7
```
#5a9ae7 rgb(90,154,231)
```
#5399ee
```
#5399ee rgb(83,153,238)
```
#4c98f5
```
#4c98f5 rgb(76,152,245)
```
#4597fc
```
#4597fc rgb(69,151,252)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8b95a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#899bd6 Protanopia 1% of men
#829cdb Deuteranopia 1% of men
#60a7b4 Tritanopia 0.001% of the population

Trichromacy

#7d9bd7 Protanomaly 1% of men, 0.01% of women
#799bda Deuteranomaly 6% of men, 0.4% of women
#63a3c1 Tritanomaly 0.01% of the population

#699bd8 hex color

#699bd8 Color Information

#699bd8 Color Conversion

Color Schemes with #699bd8

Alternatives to #699bd8

#699bd8 Preview

Shades and Tints of #699bd8

Tones of #699bd8

Color Blindness Simulator