#699cbc hex color

In a RGB color space, hex #699cbc is composed of 41.2% red, 61.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 17% magenta, 0% yellow and 26.3% black. It has a hue angle of 203.1 degrees, a saturation of 38.2% and a lightness of 57.5%. #699cbc color hex could be obtained by blending #d2ffff with #003979. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 61
- B 74
RGB color chart
- C 44
- M 17
- Y 0
- K 26
CMYK color chart

● #699cbc color description : Slightly desaturated blue.

The hexadecimal color #699cbc has RGB values of R:105, G:156, B:188 and CMYK values of C:0.44, M:0.17, Y:0, K:0.26. Its decimal value is 6921404.

Hex triplet	699cbc	`#699cbc`
RGB Decimal	105, 156, 188	`rgb(105,156,188)`
RGB Percent	41.2, 61.2, 73.7	`rgb(41.2%,61.2%,73.7%)`
CMYK	44, 17, 0, 26
HSL	203.1°, 38.2, 57.5	`hsl(203.1,38.2%,57.5%)`
HSV (or HSB)	203.1°, 44.1, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.006, -8.407, -21.87
XYZ	26.789, 30.41, 52.032
xyY	0.245, 0.278, 30.41
CIE-LCH	62.006, 23.43, 248.972
CIE-LUV	62.006, -24.307, -32.285
Hunter-Lab	55.145, -9.79, -17.342
Binary	01101001, 10011100, 10111100

#699cbc
```
#699cbc rgb(105,156,188)
```
#bc8969
```
#bc8969 rgb(188,137,105)
```

Complementary Color

#69bcb3
```
#69bcb3 rgb(105,188,179)
```
#699cbc
```
#699cbc rgb(105,156,188)
```
#6973bc
```
#6973bc rgb(105,115,188)
```

Analogous Color

#bcb369
```
#bcb369 rgb(188,179,105)
```
#699cbc
```
#699cbc rgb(105,156,188)
```
#bc6973
```
#bc6973 rgb(188,105,115)
```

Split Complementary Color

#9cbc69
```
#9cbc69 rgb(156,188,105)
```
#699cbc
```
#699cbc rgb(105,156,188)
```
#bc699c
```
#bc699c rgb(188,105,156)
```

Triadic Color

#69bc89
```
#69bc89 rgb(105,188,137)
```
#699cbc
```
#699cbc rgb(105,156,188)
```
#bc699c
```
#bc699c rgb(188,105,156)
```
#bc8969
```
#bc8969 rgb(188,137,105)
```

Tetradic Color

#437696
```
#437696 rgb(67,118,150)
```
#4b84a7
```
#4b84a7 rgb(75,132,167)
```
#5790b4
```
#5790b4 rgb(87,144,180)
```
#699cbc
```
#699cbc rgb(105,156,188)
```
#7ba8c4
```
#7ba8c4 rgb(123,168,196)
```
#8cb3cc
```
#8cb3cc rgb(140,179,204)
```
#9ebfd4
```
#9ebfd4 rgb(158,191,212)
```

Monochromatic Color

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

#69b1bc
```
#69b1bc rgb(105,177,188)
```
#69aabc
```
#69aabc rgb(105,170,188)
```
#69a3bc
```
#69a3bc rgb(105,163,188)
```
#699cbc
```
#699cbc rgb(105,156,188)
```
#6995bc
```
#6995bc rgb(105,149,188)
```
#698ebc
```
#698ebc rgb(105,142,188)
```
#6987bc
```
#6987bc rgb(105,135,188)
```

Similar Colors

Text with hexadecimal color #699cbc

This text has a font color of #699cbc.

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

#699cbc background color

This paragraph has a background color of #699cbc.

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

#699cbc border color

This element has a border color of #699cbc.

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

CSS codes

.text {color:#699cbc;}

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

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

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, #060a0d is the darkest color, while #fefeff is the lightest one.

#060a0d
```
#060a0d rgb(6,10,13)
```
#0c151a
```
#0c151a rgb(12,21,26)
```
#121f28
```
#121f28 rgb(18,31,40)
```
#182a35
```
#182a35 rgb(24,42,53)
```
#1e3543
```
#1e3543 rgb(30,53,67)
```
#243f51
```
#243f51 rgb(36,63,81)
```
#2a4a5e
```
#2a4a5e rgb(42,74,94)
```
#30556c
```
#30556c rgb(48,85,108)
```
#365f79
```
#365f79 rgb(54,95,121)
```
#3c6a87
```
#3c6a87 rgb(60,106,135)
```
#427594
```
#427594 rgb(66,117,148)
```
#487fa2
```
#487fa2 rgb(72,127,162)
```
#4e8aaf
```
#4e8aaf rgb(78,138,175)
```

Shade Color Variation

#5b93b6
```
#5b93b6 rgb(91,147,182)
```
#699cbc
```
#699cbc rgb(105,156,188)
```
#77a5c2
```
#77a5c2 rgb(119,165,194)
```
#84aec8
```
#84aec8 rgb(132,174,200)
```
#92b7ce
```
#92b7ce rgb(146,183,206)
```
#9fc0d4
```
#9fc0d4 rgb(159,192,212)
```
#adc9da
```
#adc9da rgb(173,201,218)
```
#bad2e0
```
#bad2e0 rgb(186,210,224)
```
#c8dbe6
```
#c8dbe6 rgb(200,219,230)
```
#d5e4ec
```
#d5e4ec rgb(213,228,236)
```
#e3edf3
```
#e3edf3 rgb(227,237,243)
```
#f1f5f9
```
#f1f5f9 rgb(241,245,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a949b is the less saturated color, while #26abff is the most saturated one.

#8a949b
```
#8a949b rgb(138,148,155)
```
#8296a3
```
#8296a3 rgb(130,150,163)
```
#7a98ab
```
#7a98ab rgb(122,152,171)
```
#719ab4
```
#719ab4 rgb(113,154,180)
```
#699cbc
```
#699cbc rgb(105,156,188)
```
#619ec4
```
#619ec4 rgb(97,158,196)
```
#58a0cd
```
#58a0cd rgb(88,160,205)
```
#50a2d5
```
#50a2d5 rgb(80,162,213)
```
#48a4dd
```
#48a4dd rgb(72,164,221)
```
#3fa6e6
```
#3fa6e6 rgb(63,166,230)
```
#37a7ee
```
#37a7ee rgb(55,167,238)
```
#2fa9f6
```
#2fa9f6 rgb(47,169,246)
```
#26abff
```
#26abff rgb(38,171,255)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#889299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9399ba Protanopia 1% of men
#9398c2 Deuteranopia 1% of men
#6ba3af Tritanopia 0.001% of the population

Trichromacy

#839abb Protanomaly 1% of men, 0.01% of women
#8499c0 Deuteranomaly 6% of men, 0.4% of women
#6aa1b4 Tritanomaly 0.01% of the population

#699cbc hex color

#699cbc Color Information

#699cbc Color Conversion

Color Schemes with #699cbc

Alternatives to #699cbc

#699cbc Preview

Shades and Tints of #699cbc

Tones of #699cbc

Color Blindness Simulator