colorhexa.com

#69abb0 hex color

In a RGB color space, hex #69abb0 is composed of 41.2% red, 67.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 2.8% magenta, 0% yellow and 31% black. It has a hue angle of 184.2 degrees, a saturation of 31% and a lightness of 55.1%. #69abb0 color hex could be obtained by blending #d2ffff with #005761. Closest websafe color is: #669999.

- R 41
- G 67
- B 69
RGB color chart
- C 40
- M 3
- Y 0
- K 31
CMYK color chart

● #69abb0 color description : Mostly desaturated dark cyan.

The hexadecimal color #69abb0 has RGB values of R:105, G:171, B:176 and CMYK values of C:0.4, M:0.03, Y:0, K:0.31. Its decimal value is 6925232.

Hex triplet	69abb0	`#69abb0`
RGB Decimal	105, 171, 176	`rgb(105,171,176)`
RGB Percent	41.2, 67.1, 69	`rgb(41.2%,67.1%,69%)`
CMYK	40, 3, 0, 31
HSL	184.2°, 31, 55.1	`hsl(184.2,31%,55.1%)`
HSV (or HSB)	184.2°, 40.3, 69
Web Safe	669999	`#669999`

CIE-LAB	65.952, -19.669, -9.198
XYZ	28.223, 35.262, 46.391
xyY	0.257, 0.321, 35.262
CIE-LCH	65.952, 21.713, 205.062
CIE-LUV	65.952, -30.621, -10.782
Hunter-Lab	59.382, -19.081, -4.752
Binary	01101001, 10101011, 10110000

#69abb0
```
#69abb0 rgb(105,171,176)
```
#b06e69
```
#b06e69 rgb(176,110,105)
```

Complementary Color

#69b092
```
#69b092 rgb(105,176,146)
```
#69abb0
```
#69abb0 rgb(105,171,176)
```
#6988b0
```
#6988b0 rgb(105,136,176)
```

Analogous Color

#b09269
```
#b09269 rgb(176,146,105)
```
#69abb0
```
#69abb0 rgb(105,171,176)
```
#b06988
```
#b06988 rgb(176,105,136)
```

Split Complementary Color

#abb069
```
#abb069 rgb(171,176,105)
```
#69abb0
```
#69abb0 rgb(105,171,176)
```
#b069ab
```
#b069ab rgb(176,105,171)
```

Triadic Color

#69b06e
```
#69b06e rgb(105,176,110)
```
#69abb0
```
#69abb0 rgb(105,171,176)
```
#b069ab
```
#b069ab rgb(176,105,171)
```
#b06e69
```
#b06e69 rgb(176,110,105)
```

Tetradic Color

#478186
```
#478186 rgb(71,129,134)
```
#4f9297
```
#4f9297 rgb(79,146,151)
```
#58a2a7
```
#58a2a7 rgb(88,162,167)
```
#69abb0
```
#69abb0 rgb(105,171,176)
```
#7ab4b9
```
#7ab4b9 rgb(122,180,185)
```
#8abec2
```
#8abec2 rgb(138,190,194)
```
#9bc7ca
```
#9bc7ca rgb(155,199,202)
```

Monochromatic Color

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

#69b0a3
```
#69b0a3 rgb(105,176,163)
```
#69b0a9
```
#69b0a9 rgb(105,176,169)
```
#69b0af
```
#69b0af rgb(105,176,175)
```
#69abb0
```
#69abb0 rgb(105,171,176)
```
#69a5b0
```
#69a5b0 rgb(105,165,176)
```
#699fb0
```
#699fb0 rgb(105,159,176)
```
#6999b0
```
#6999b0 rgb(105,153,176)
```

Similar Colors

Text with hexadecimal color #69abb0

This text has a font color of #69abb0.

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

#69abb0 background color

This paragraph has a background color of #69abb0.

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

#69abb0 border color

This element has a border color of #69abb0.

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

CSS codes

.text {color:#69abb0;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#091011
```
#091011 rgb(9,16,17)
```
#101d1e
```
#101d1e rgb(16,29,30)
```
#17292b
```
#17292b rgb(23,41,43)
```
#1d3638
```
#1d3638 rgb(29,54,56)
```
#244244
```
#244244 rgb(36,66,68)
```
#2b4f51
```
#2b4f51 rgb(43,79,81)
```
#325b5e
```
#325b5e rgb(50,91,94)
```
#38676b
```
#38676b rgb(56,103,107)
```
#3f7478
```
#3f7478 rgb(63,116,120)
```
#468085
```
#468085 rgb(70,128,133)
```
#4d8d92
```
#4d8d92 rgb(77,141,146)
```
#53999e
```
#53999e rgb(83,153,158)
```

Shade Color Variation

#5ca4a9
```
#5ca4a9 rgb(92,164,169)
```
#69abb0
```
#69abb0 rgb(105,171,176)
```
#76b2b7
```
#76b2b7 rgb(118,178,183)
```
#83b9be
```
#83b9be rgb(131,185,190)
```
#90c1c4
```
#90c1c4 rgb(144,193,196)
```
#9cc8cb
```
#9cc8cb rgb(156,200,203)
```
#a9cfd2
```
#a9cfd2 rgb(169,207,210)
```
#b6d6d9
```
#b6d6d9 rgb(182,214,217)
```
#c3dddf
```
#c3dddf rgb(195,221,223)
```
#d0e5e6
```
#d0e5e6 rgb(208,229,230)
```
#ddeced
```
#ddeced rgb(221,236,237)
```
#e9f3f4
```
#e9f3f4 rgb(233,243,244)
```
#f6fafa
```
#f6fafa rgb(246,250,250)
```

Tint Color Variation

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

#8c8d8d
```
#8c8d8d rgb(140,141,141)
```
#839496
```
#839496 rgb(131,148,150)
```
#7b9c9e
```
#7b9c9e rgb(123,156,158)
```
#72a3a7
```
#72a3a7 rgb(114,163,167)
```
#69abb0
```
#69abb0 rgb(105,171,176)
```
#60b3b9
```
#60b3b9 rgb(96,179,185)
```
#57bac2
```
#57bac2 rgb(87,186,194)
```
#4fc2ca
```
#4fc2ca rgb(79,194,202)
```
#46c9d3
```
#46c9d3 rgb(70,201,211)
```
#3dd1dc
```
#3dd1dc rgb(61,209,220)
```
#34d8e5
```
#34d8e5 rgb(52,216,229)
```
#2be0ee
```
#2be0ee rgb(43,224,238)
```
#23e8f6
```
#23e8f6 rgb(35,232,246)
```

Tone Color Variation

Below, you can see how #69abb0 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
#8f9c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a4ad Protanopia 1% of men
#aaa1b9 Deuteranopia 1% of men
#73aeba Tritanopia 0.001% of the population

Trichromacy

#8fa6ae Protanomaly 1% of men, 0.01% of women
#92a4b5 Deuteranomaly 6% of men, 0.4% of women
#6fadb6 Tritanomaly 0.01% of the population