#699baf hex color

In a RGB color space, hex #699baf is composed of 41.2% red, 60.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 11.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 197.1 degrees, a saturation of 30.4% and a lightness of 54.9%. #699baf color hex could be obtained by blending #d2ffff with #00375f. 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

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

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

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

CIE-LAB	61.255, -11.433, -15.693
XYZ	25.283, 29.54, 44.925
xyY	0.253, 0.296, 29.54
CIE-LCH	61.255, 19.416, 233.926
CIE-LUV	61.255, -24.023, -21.943
Hunter-Lab	54.351, -12.078, -10.962
Binary	01101001, 10011011, 10101111

#699baf
```
#699baf rgb(105,155,175)
```
#af7d69
```
#af7d69 rgb(175,125,105)
```

Complementary Color

#69afa0
```
#69afa0 rgb(105,175,160)
```
#699baf
```
#699baf rgb(105,155,175)
```
#6978af
```
#6978af rgb(105,120,175)
```

Analogous Color

#afa069
```
#afa069 rgb(175,160,105)
```
#699baf
```
#699baf rgb(105,155,175)
```
#af6978
```
#af6978 rgb(175,105,120)
```

Split Complementary Color

#9baf69
```
#9baf69 rgb(155,175,105)
```
#699baf
```
#699baf rgb(105,155,175)
```
#af699b
```
#af699b rgb(175,105,155)
```

Triadic Color

#69af7d
```
#69af7d rgb(105,175,125)
```
#699baf
```
#699baf rgb(105,155,175)
```
#af699b
```
#af699b rgb(175,105,155)
```
#af7d69
```
#af7d69 rgb(175,125,105)
```

Tetradic Color

#477385
```
#477385 rgb(71,115,133)
```
#508195
```
#508195 rgb(80,129,149)
```
#5990a6
```
#5990a6 rgb(89,144,166)
```
#699baf
```
#699baf rgb(105,155,175)
```
#7aa6b8
```
#7aa6b8 rgb(122,166,184)
```
#8ab1c1
```
#8ab1c1 rgb(138,177,193)
```
#9bbcca
```
#9bbcca rgb(155,188,202)
```

Monochromatic Color

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

#69adaf
```
#69adaf rgb(105,173,175)
```
#69a7af
```
#69a7af rgb(105,167,175)
```
#69a1af
```
#69a1af rgb(105,161,175)
```
#699baf
```
#699baf rgb(105,155,175)
```
#6995af
```
#6995af rgb(105,149,175)
```
#698faf
```
#698faf rgb(105,143,175)
```
#698aaf
```
#698aaf rgb(105,138,175)
```

Similar Colors

Text with hexadecimal color #699baf

This text has a font color of #699baf.

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

#699baf background color

This paragraph has a background color of #699baf.

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

#699baf border color

This element has a border color of #699baf.

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

CSS codes

.text {color:#699baf;}

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

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

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)
```
#16242a
```
#16242a rgb(22,36,42)
```
#1d2f37
```
#1d2f37 rgb(29,47,55)
```
#243a43
```
#243a43 rgb(36,58,67)
```
#2b4650
```
#2b4650 rgb(43,70,80)
```
#32515d
```
#32515d rgb(50,81,93)
```
#385c6a
```
#385c6a rgb(56,92,106)
```
#3f6777
```
#3f6777 rgb(63,103,119)
```
#467283
```
#467283 rgb(70,114,131)
```
#4d7d90
```
#4d7d90 rgb(77,125,144)
```
#54889d
```
#54889d rgb(84,136,157)
```

Shade Color Variation

#5c92a8
```
#5c92a8 rgb(92,146,168)
```
#699baf
```
#699baf rgb(105,155,175)
```
#76a4b6
```
#76a4b6 rgb(118,164,182)
```
#83acbd
```
#83acbd rgb(131,172,189)
```
#8fb5c3
```
#8fb5c3 rgb(143,181,195)
```
#9cbdca
```
#9cbdca rgb(156,189,202)
```
#a9c6d1
```
#a9c6d1 rgb(169,198,209)
```
#b6ced8
```
#b6ced8 rgb(182,206,216)
```
#c3d7df
```
#c3d7df rgb(195,215,223)
```
#cfdfe6
```
#cfdfe6 rgb(207,223,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 #19bdff is the most saturated one.

#849094
```
#849094 rgb(132,144,148)
```
#7b939d
```
#7b939d rgb(123,147,157)
```
#7297a6
```
#7297a6 rgb(114,151,166)
```
#699baf
```
#699baf rgb(105,155,175)
```
#609fb8
```
#609fb8 rgb(96,159,184)
```
#57a3c1
```
#57a3c1 rgb(87,163,193)
```
#4ea6ca
```
#4ea6ca rgb(78,166,202)
```
#46aad2
```
#46aad2 rgb(70,170,210)
```
#3daedb
```
#3daedb rgb(61,174,219)
```
#34b2e4
```
#34b2e4 rgb(52,178,228)
```
#2bb6ed
```
#2bb6ed rgb(43,182,237)
```
#22b9f6
```
#22b9f6 rgb(34,185,246)
```
#19bdff
```
#19bdff rgb(25,189,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#879195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9598ae Protanopia 1% of men
#9896b6 Deuteranopia 1% of men
#6ea1ac Tritanopia 0.001% of the population

Trichromacy

#8599ae Protanomaly 1% of men, 0.01% of women
#8798b3 Deuteranomaly 6% of men, 0.4% of women
#6c9fad Tritanomaly 0.01% of the population

#699baf hex color

#699baf Color Information

#699baf Color Conversion

Color Schemes with #699baf

Alternatives to #699baf

#699baf Preview

Shades and Tints of #699baf

Tones of #699baf

Color Blindness Simulator