#69aab4 hex color

In a RGB color space, hex #69aab4 is composed of 41.2% red, 66.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 5.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 188 degrees, a saturation of 33.3% and a lightness of 55.9%. #69aab4 color hex could be obtained by blending #d2ffff with #005569. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 67
- B 71
RGB color chart
- C 42
- M 6
- Y 0
- K 29
CMYK color chart

● #69aab4 color description : Slightly desaturated cyan.

The hexadecimal color #69aab4 has RGB values of R:105, G:170, B:180 and CMYK values of C:0.42, M:0.06, Y:0, K:0.29. Its decimal value is 6924980.

Hex triplet	69aab4	`#69aab4`
RGB Decimal	105, 170, 180	`rgb(105,170,180)`
RGB Percent	41.2, 66.7, 70.6	`rgb(41.2%,66.7%,70.6%)`
CMYK	42, 6, 0, 29
HSL	188°, 33.3, 55.9	`hsl(188,33.3%,55.9%)`
HSV (or HSB)	188°, 41.7, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.785, -18.108, -11.674
XYZ	28.436, 35.046, 48.444
xyY	0.254, 0.313, 35.046
CIE-LCH	65.785, 21.545, 212.809
CIE-LUV	65.785, -30.121, -14.875
Hunter-Lab	59.2, -17.858, -7.077
Binary	01101001, 10101010, 10110100

#69aab4
```
#69aab4 rgb(105,170,180)
```
#b47369
```
#b47369 rgb(180,115,105)
```

Complementary Color

#69b499
```
#69b499 rgb(105,180,153)
```
#69aab4
```
#69aab4 rgb(105,170,180)
```
#6985b4
```
#6985b4 rgb(105,133,180)
```

Analogous Color

#b49969
```
#b49969 rgb(180,153,105)
```
#69aab4
```
#69aab4 rgb(105,170,180)
```
#b46985
```
#b46985 rgb(180,105,133)
```

Split Complementary Color

#aab469
```
#aab469 rgb(170,180,105)
```
#69aab4
```
#69aab4 rgb(105,170,180)
```
#b469aa
```
#b469aa rgb(180,105,170)
```

Triadic Color

#69b473
```
#69b473 rgb(105,180,115)
```
#69aab4
```
#69aab4 rgb(105,170,180)
```
#b469aa
```
#b469aa rgb(180,105,170)
```
#b47369
```
#b47369 rgb(180,115,105)
```

Tetradic Color

#46828b
```
#46828b rgb(70,130,139)
```
#4e929c
```
#4e929c rgb(78,146,156)
```
#58a0ac
```
#58a0ac rgb(88,160,172)
```
#69aab4
```
#69aab4 rgb(105,170,180)
```
#7ab4bd
```
#7ab4bd rgb(122,180,189)
```
#8bbdc5
```
#8bbdc5 rgb(139,189,197)
```
#9cc7ce
```
#9cc7ce rgb(156,199,206)
```

Monochromatic Color

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

#69b4ab
```
#69b4ab rgb(105,180,171)
```
#69b4b2
```
#69b4b2 rgb(105,180,178)
```
#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#69aab4
```
#69aab4 rgb(105,170,180)
```
#69a4b4
```
#69a4b4 rgb(105,164,180)
```
#699eb4
```
#699eb4 rgb(105,158,180)
```
#6997b4
```
#6997b4 rgb(105,151,180)
```

Similar Colors

Text with hexadecimal color #69aab4

This text has a font color of #69aab4.

<span style="color:#69aab4;">Text here</span>

#69aab4 background color

This paragraph has a background color of #69aab4.

<p style="background-color:#69aab4;">Content here</p>

#69aab4 border color

This element has a border color of #69aab4.

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

CSS codes

.text {color:#69aab4;}

.background {background-color:#69aab4;}

.border {border:1px solid #69aab4;}

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1314
```
#0a1314 rgb(10,19,20)
```
#111f21
```
#111f21 rgb(17,31,33)
```
#172b2e
```
#172b2e rgb(23,43,46)
```
#1e373b
```
#1e373b rgb(30,55,59)
```
#244348
```
#244348 rgb(36,67,72)
```
#2b5055
```
#2b5055 rgb(43,80,85)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#386870
```
#386870 rgb(56,104,112)
```
#3e747d
```
#3e747d rgb(62,116,125)
```
#45818a
```
#45818a rgb(69,129,138)
```
#4b8d97
```
#4b8d97 rgb(75,141,151)
```
#5299a4
```
#5299a4 rgb(82,153,164)
```

Shade Color Variation

#5ca3ad
```
#5ca3ad rgb(92,163,173)
```
#69aab4
```
#69aab4 rgb(105,170,180)
```
#76b1bb
```
#76b1bb rgb(118,177,187)
```
#83b9c1
```
#83b9c1 rgb(131,185,193)
```
#90c0c8
```
#90c0c8 rgb(144,192,200)
```
#9dc8ce
```
#9dc8ce rgb(157,200,206)
```
#aacfd5
```
#aacfd5 rgb(170,207,213)
```
#b7d6db
```
#b7d6db rgb(183,214,219)
```
#c5dee2
```
#c5dee2 rgb(197,222,226)
```
#d2e5e8
```
#d2e5e8 rgb(210,229,232)
```
#dfedef
```
#dfedef rgb(223,237,239)
```
#ecf4f5
```
#ecf4f5 rgb(236,244,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#8c9191
```
#8c9191 rgb(140,145,145)
```
#83979a
```
#83979a rgb(131,151,154)
```
#7a9da3
```
#7a9da3 rgb(122,157,163)
```
#72a4ab
```
#72a4ab rgb(114,164,171)
```
#69aab4
```
#69aab4 rgb(105,170,180)
```
#60b0bd
```
#60b0bd rgb(96,176,189)
```
#58b7c5
```
#58b7c5 rgb(88,183,197)
```
#4fbdce
```
#4fbdce rgb(79,189,206)
```
#46c3d7
```
#46c3d7 rgb(70,195,215)
```
#3ecadf
```
#3ecadf rgb(62,202,223)
```
#35d0e8
```
#35d0e8 rgb(53,208,232)
```
#2cd6f1
```
#2cd6f1 rgb(44,214,241)
```
#24ddf9
```
#24ddf9 rgb(36,221,249)
```

Tone Color Variation

Below, you can see how #69aab4 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

#989898 Achromatopsia 0.005% of the population
#8f9c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a3b1 Protanopia 1% of men
#a7a1bc Deuteranopia 1% of men
#71adba Tritanopia 0.001% of the population

Trichromacy

#8ea6b2 Protanomaly 1% of men, 0.01% of women
#91a4b9 Deuteranomaly 6% of men, 0.4% of women
#6eacb8 Tritanomaly 0.01% of the population

#69aab4 hex color

#69aab4 Color Information

#69aab4 Color Conversion

Color Schemes with #69aab4

Alternatives to #69aab4

#69aab4 Preview

Shades and Tints of #69aab4

Tones of #69aab4

Color Blindness Simulator