#699caf hex color

In a RGB color space, hex #699caf is composed of 41.2% red, 61.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 10.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 196.3 degrees, a saturation of 30.4% and a lightness of 54.9%. #699caf color hex could be obtained by blending #d2ffff with #00395f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 61
- B 69
RGB color chart
- C 40
- M 11
- Y 0
- K 31
CMYK color chart

● #699caf color description : Mostly desaturated dark blue.

The hexadecimal color #699caf has RGB values of R:105, G:156, B:175 and CMYK values of C:0.4, M:0.11, Y:0, K:0.31. Its decimal value is 6921391.

Hex triplet	699caf	`#699caf`
RGB Decimal	105, 156, 175	`rgb(105,156,175)`
RGB Percent	41.2, 61.2, 68.6	`rgb(41.2%,61.2%,68.6%)`
CMYK	40, 11, 0, 31
HSL	196.3°, 30.4, 54.9	`hsl(196.3,30.4%,54.9%)`
HSV (or HSB)	196.3°, 40, 68.6
Web Safe	669999	`#669999`

CIE-LAB	61.545, -11.977, -15.254
XYZ	25.45, 29.874, 44.98
xyY	0.254, 0.298, 29.874
CIE-LCH	61.545, 19.395, 231.862
CIE-LUV	61.545, -24.437, -21.191
Hunter-Lab	54.657, -12.535, -10.533
Binary	01101001, 10011100, 10101111

#699caf
```
#699caf rgb(105,156,175)
```
#af7c69
```
#af7c69 rgb(175,124,105)
```

Complementary Color

#69af9f
```
#69af9f rgb(105,175,159)
```
#699caf
```
#699caf rgb(105,156,175)
```
#6979af
```
#6979af rgb(105,121,175)
```

Analogous Color

#af9f69
```
#af9f69 rgb(175,159,105)
```
#699caf
```
#699caf rgb(105,156,175)
```
#af6979
```
#af6979 rgb(175,105,121)
```

Split Complementary Color

#9caf69
```
#9caf69 rgb(156,175,105)
```
#699caf
```
#699caf rgb(105,156,175)
```
#af699c
```
#af699c rgb(175,105,156)
```

Triadic Color

#69af7c
```
#69af7c rgb(105,175,124)
```
#699caf
```
#699caf rgb(105,156,175)
```
#af699c
```
#af699c rgb(175,105,156)
```
#af7c69
```
#af7c69 rgb(175,124,105)
```

Tetradic Color

#477485
```
#477485 rgb(71,116,133)
```
#508295
```
#508295 rgb(80,130,149)
```
#5991a6
```
#5991a6 rgb(89,145,166)
```
#699caf
```
#699caf rgb(105,156,175)
```
#7aa7b8
```
#7aa7b8 rgb(122,167,184)
```
#8ab2c1
```
#8ab2c1 rgb(138,178,193)
```
#9bbdca
```
#9bbdca rgb(155,189,202)
```

Monochromatic Color

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

#69aeaf
```
#69aeaf rgb(105,174,175)
```
#69a8af
```
#69a8af rgb(105,168,175)
```
#69a2af
```
#69a2af rgb(105,162,175)
```
#699caf
```
#699caf rgb(105,156,175)
```
#6996af
```
#6996af rgb(105,150,175)
```
#6990af
```
#6990af rgb(105,144,175)
```
#698baf
```
#698baf rgb(105,139,175)
```

Similar Colors

Text with hexadecimal color #699caf

This text has a font color of #699caf.

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

#699caf background color

This paragraph has a background color of #699caf.

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

#699caf border color

This element has a border color of #699caf.

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

CSS codes

.text {color:#699caf;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090e10
```
#090e10 rgb(9,14,16)
```
#10191d
```
#10191d rgb(16,25,29)
```
#16252a
```
#16252a rgb(22,37,42)
```
#1d3037
```
#1d3037 rgb(29,48,55)
```
#243b43
```
#243b43 rgb(36,59,67)
```
#2b4650
```
#2b4650 rgb(43,70,80)
```
#32515d
```
#32515d rgb(50,81,93)
```
#385c6a
```
#385c6a rgb(56,92,106)
```
#3f6877
```
#3f6877 rgb(63,104,119)
```
#467383
```
#467383 rgb(70,115,131)
```
#4d7e90
```
#4d7e90 rgb(77,126,144)
```
#54899d
```
#54899d rgb(84,137,157)
```

Shade Color Variation

#5c94a8
```
#5c94a8 rgb(92,148,168)
```
#699caf
```
#699caf rgb(105,156,175)
```
#76a4b6
```
#76a4b6 rgb(118,164,182)
```
#83adbd
```
#83adbd rgb(131,173,189)
```
#8fb5c3
```
#8fb5c3 rgb(143,181,195)
```
#9cbeca
```
#9cbeca rgb(156,190,202)
```
#a9c6d1
```
#a9c6d1 rgb(169,198,209)
```
#b6cfd8
```
#b6cfd8 rgb(182,207,216)
```
#c3d7df
```
#c3d7df rgb(195,215,223)
```
#cfe0e6
```
#cfe0e6 rgb(207,224,230)
```
#dce8ec
```
#dce8ec rgb(220,232,236)
```
#e9f0f3
```
#e9f0f3 rgb(233,240,243)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

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

#849094
```
#849094 rgb(132,144,148)
```
#7b949d
```
#7b949d rgb(123,148,157)
```
#7298a6
```
#7298a6 rgb(114,152,166)
```
#699caf
```
#699caf rgb(105,156,175)
```
#60a0b8
```
#60a0b8 rgb(96,160,184)
```
#57a4c1
```
#57a4c1 rgb(87,164,193)
```
#4ea8ca
```
#4ea8ca rgb(78,168,202)
```
#46acd2
```
#46acd2 rgb(70,172,210)
```
#3db0db
```
#3db0db rgb(61,176,219)
```
#34b4e4
```
#34b4e4 rgb(52,180,228)
```
#2bb8ed
```
#2bb8ed rgb(43,184,237)
```
#22bcf6
```
#22bcf6 rgb(34,188,246)
```
#19c0ff
```
#19c0ff rgb(25,192,255)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#879295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9699ae Protanopia 1% of men
#9997b6 Deuteranopia 1% of men
#6fa2ad Tritanopia 0.001% of the population

Trichromacy

#859aae Protanomaly 1% of men, 0.01% of women
#8798b3 Deuteranomaly 6% of men, 0.4% of women
#6c9fae Tritanomaly 0.01% of the population

#699caf hex color

#699caf Color Information

#699caf Color Conversion

Color Schemes with #699caf

Alternatives to #699caf

#699caf Preview

Shades and Tints of #699caf

Tones of #699caf

Color Blindness Simulator