#69a2af hex color

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

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

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

The hexadecimal color #69a2af has RGB values of R:105, G:162, B:175 and CMYK values of C:0.4, M:0.07, Y:0, K:0.31. Its decimal value is 6922927.

Hex triplet	69a2af	`#69a2af`
RGB Decimal	105, 162, 175	`rgb(105,162,175)`
RGB Percent	41.2, 63.5, 68.6	`rgb(41.2%,63.5%,68.6%)`
CMYK	40, 7, 0, 31
HSL	191.1°, 30.4, 54.9	`hsl(191.1,30.4%,54.9%)`
HSV (or HSB)	191.1°, 40, 68.6
Web Safe	669999	`#669999`

CIE-LAB	63.291, -15.205, -12.623
XYZ	26.482, 31.938, 45.324
xyY	0.255, 0.308, 31.938
CIE-LCH	63.291, 19.762, 219.699
CIE-LUV	63.291, -26.922, -16.683
Hunter-Lab	56.513, -15.254, -7.992
Binary	01101001, 10100010, 10101111

#69a2af
```
#69a2af rgb(105,162,175)
```
#af7669
```
#af7669 rgb(175,118,105)
```

Complementary Color

#69af99
```
#69af99 rgb(105,175,153)
```
#69a2af
```
#69a2af rgb(105,162,175)
```
#697faf
```
#697faf rgb(105,127,175)
```

Analogous Color

#af9969
```
#af9969 rgb(175,153,105)
```
#69a2af
```
#69a2af rgb(105,162,175)
```
#af697f
```
#af697f rgb(175,105,127)
```

Split Complementary Color

#a2af69
```
#a2af69 rgb(162,175,105)
```
#69a2af
```
#69a2af rgb(105,162,175)
```
#af69a2
```
#af69a2 rgb(175,105,162)
```

Triadic Color

#69af76
```
#69af76 rgb(105,175,118)
```
#69a2af
```
#69a2af rgb(105,162,175)
```
#af69a2
```
#af69a2 rgb(175,105,162)
```
#af7669
```
#af7669 rgb(175,118,105)
```

Tetradic Color

#477985
```
#477985 rgb(71,121,133)
```
#508895
```
#508895 rgb(80,136,149)
```
#5998a6
```
#5998a6 rgb(89,152,166)
```
#69a2af
```
#69a2af rgb(105,162,175)
```
#7aacb8
```
#7aacb8 rgb(122,172,184)
```
#8ab7c1
```
#8ab7c1 rgb(138,183,193)
```
#9bc1ca
```
#9bc1ca rgb(155,193,202)
```

Monochromatic Color

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

#69afab
```
#69afab rgb(105,175,171)
```
#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)
```
#6991af
```
#6991af rgb(105,145,175)
```

Similar Colors

Text with hexadecimal color #69a2af

This text has a font color of #69a2af.

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

#69a2af background color

This paragraph has a background color of #69a2af.

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

#69a2af border color

This element has a border color of #69a2af.

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

CSS codes

.text {color:#69a2af;}

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

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

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)
```
#090f10
```
#090f10 rgb(9,15,16)
```
#101b1d
```
#101b1d rgb(16,27,29)
```
#16262a
```
#16262a rgb(22,38,42)
```
#1d3237
```
#1d3237 rgb(29,50,55)
```
#243e43
```
#243e43 rgb(36,62,67)
```
#2b4950
```
#2b4950 rgb(43,73,80)
```
#32555d
```
#32555d rgb(50,85,93)
```
#38616a
```
#38616a rgb(56,97,106)
```
#3f6c77
```
#3f6c77 rgb(63,108,119)
```
#467883
```
#467883 rgb(70,120,131)
```
#4d8490
```
#4d8490 rgb(77,132,144)
```
#548f9d
```
#548f9d rgb(84,143,157)
```

Shade Color Variation

#5c9aa8
```
#5c9aa8 rgb(92,154,168)
```
#69a2af
```
#69a2af rgb(105,162,175)
```
#76aab6
```
#76aab6 rgb(118,170,182)
```
#83b2bd
```
#83b2bd rgb(131,178,189)
```
#8fbac3
```
#8fbac3 rgb(143,186,195)
```
#9cc2ca
```
#9cc2ca rgb(156,194,202)
```
#a9cad1
```
#a9cad1 rgb(169,202,209)
```
#b6d2d8
```
#b6d2d8 rgb(182,210,216)
```
#c3dadf
```
#c3dadf rgb(195,218,223)
```
#cfe1e6
```
#cfe1e6 rgb(207,225,230)
```
#dce9ec
```
#dce9ec rgb(220,233,236)
```
#e9f1f3
```
#e9f1f3 rgb(233,241,243)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

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

#849194
```
#849194 rgb(132,145,148)
```
#7b979d
```
#7b979d rgb(123,151,157)
```
#729ca6
```
#729ca6 rgb(114,156,166)
```
#69a2af
```
#69a2af rgb(105,162,175)
```
#60a8b8
```
#60a8b8 rgb(96,168,184)
```
#57adc1
```
#57adc1 rgb(87,173,193)
```
#4eb3ca
```
#4eb3ca rgb(78,179,202)
```
#46b8d2
```
#46b8d2 rgb(70,184,210)
```
#3dbedb
```
#3dbedb rgb(61,190,219)
```
#34c3e4
```
#34c3e4 rgb(52,195,228)
```
#2bc9ed
```
#2bc9ed rgb(43,201,237)
```
#22cef6
```
#22cef6 rgb(34,206,246)
```
#19d4ff
```
#19d4ff rgb(25,212,255)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8a9598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9dad Protanopia 1% of men
#a09bb7 Deuteranopia 1% of men
#70a6b2 Tritanopia 0.001% of the population

Trichromacy

#899fae Protanomaly 1% of men, 0.01% of women
#8c9db4 Deuteranomaly 6% of men, 0.4% of women
#6da5b1 Tritanomaly 0.01% of the population

#69a2af hex color

#69a2af Color Information

#69a2af Color Conversion

Color Schemes with #69a2af

Alternatives to #69a2af

#69a2af Preview

Shades and Tints of #69a2af

Tones of #69a2af

Color Blindness Simulator