#69a1af hex color

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

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

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

The hexadecimal color #69a1af has RGB values of R:105, G:161, B:175 and CMYK values of C:0.4, M:0.08, Y:0, K:0.31. Its decimal value is 6922671.

Hex triplet	69a1af	`#69a1af`
RGB Decimal	105, 161, 175	`rgb(105,161,175)`
RGB Percent	41.2, 63.1, 68.6	`rgb(41.2%,63.1%,68.6%)`
CMYK	40, 8, 0, 31
HSL	192°, 30.4, 54.9	`hsl(192,30.4%,54.9%)`
HSV (or HSB)	192°, 40, 68.6
Web Safe	669999	`#669999`

CIE-LAB	63, -14.672, -13.061
XYZ	26.306, 31.587, 45.266
xyY	0.255, 0.306, 31.587
CIE-LCH	63, 19.643, 221.677
CIE-LUV	63, -26.508, -17.434
Hunter-Lab	56.202, -14.803, -8.411
Binary	01101001, 10100001, 10101111

#69a1af
```
#69a1af rgb(105,161,175)
```
#af7769
```
#af7769 rgb(175,119,105)
```

Complementary Color

#69af9a
```
#69af9a rgb(105,175,154)
```
#69a1af
```
#69a1af rgb(105,161,175)
```
#697eaf
```
#697eaf rgb(105,126,175)
```

Analogous Color

#af9a69
```
#af9a69 rgb(175,154,105)
```
#69a1af
```
#69a1af rgb(105,161,175)
```
#af697e
```
#af697e rgb(175,105,126)
```

Split Complementary Color

#a1af69
```
#a1af69 rgb(161,175,105)
```
#69a1af
```
#69a1af rgb(105,161,175)
```
#af69a1
```
#af69a1 rgb(175,105,161)
```

Triadic Color

#69af77
```
#69af77 rgb(105,175,119)
```
#69a1af
```
#69a1af rgb(105,161,175)
```
#af69a1
```
#af69a1 rgb(175,105,161)
```
#af7769
```
#af7769 rgb(175,119,105)
```

Tetradic Color

#477885
```
#477885 rgb(71,120,133)
```
#508795
```
#508795 rgb(80,135,149)
```
#5996a6
```
#5996a6 rgb(89,150,166)
```
#69a1af
```
#69a1af rgb(105,161,175)
```
#7aabb8
```
#7aabb8 rgb(122,171,184)
```
#8ab6c1
```
#8ab6c1 rgb(138,182,193)
```
#9bc0ca
```
#9bc0ca rgb(155,192,202)
```

Monochromatic Color

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

#69afac
```
#69afac rgb(105,175,172)
```
#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)
```
#6990af
```
#6990af rgb(105,144,175)
```

Similar Colors

Text with hexadecimal color #69a1af

This text has a font color of #69a1af.

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

#69a1af background color

This paragraph has a background color of #69a1af.

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

#69a1af border color

This element has a border color of #69a1af.

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

CSS codes

.text {color:#69a1af;}

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

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

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)
```
#101a1d
```
#101a1d rgb(16,26,29)
```
#16262a
```
#16262a rgb(22,38,42)
```
#1d3237
```
#1d3237 rgb(29,50,55)
```
#243d43
```
#243d43 rgb(36,61,67)
```
#2b4950
```
#2b4950 rgb(43,73,80)
```
#32545d
```
#32545d rgb(50,84,93)
```
#38606a
```
#38606a rgb(56,96,106)
```
#3f6c77
```
#3f6c77 rgb(63,108,119)
```
#467783
```
#467783 rgb(70,119,131)
```
#4d8390
```
#4d8390 rgb(77,131,144)
```
#548e9d
```
#548e9d rgb(84,142,157)
```

Shade Color Variation

#5c99a8
```
#5c99a8 rgb(92,153,168)
```
#69a1af
```
#69a1af rgb(105,161,175)
```
#76a9b6
```
#76a9b6 rgb(118,169,182)
```
#83b1bd
```
#83b1bd rgb(131,177,189)
```
#8fb9c3
```
#8fb9c3 rgb(143,185,195)
```
#9cc1ca
```
#9cc1ca rgb(156,193,202)
```
#a9c9d1
```
#a9c9d1 rgb(169,201,209)
```
#b6d1d8
```
#b6d1d8 rgb(182,209,216)
```
#c3d9df
```
#c3d9df rgb(195,217,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 #19d1ff is the most saturated one.

#849194
```
#849194 rgb(132,145,148)
```
#7b969d
```
#7b969d rgb(123,150,157)
```
#729ca6
```
#729ca6 rgb(114,156,166)
```
#69a1af
```
#69a1af rgb(105,161,175)
```
#60a6b8
```
#60a6b8 rgb(96,166,184)
```
#57acc1
```
#57acc1 rgb(87,172,193)
```
#4eb1ca
```
#4eb1ca rgb(78,177,202)
```
#46b6d2
```
#46b6d2 rgb(70,182,210)
```
#3dbcdb
```
#3dbcdb rgb(61,188,219)
```
#34c1e4
```
#34c1e4 rgb(52,193,228)
```
#2bc6ed
```
#2bc6ed rgb(43,198,237)
```
#22cbf6
```
#22cbf6 rgb(34,203,246)
```
#19d1ff
```
#19d1ff rgb(25,209,255)
```

Tone Color Variation

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

#9b9cad Protanopia 1% of men
#9f9ab7 Deuteranopia 1% of men
#70a6b2 Tritanopia 0.001% of the population

Trichromacy

#899eae Protanomaly 1% of men, 0.01% of women
#8b9cb4 Deuteranomaly 6% of men, 0.4% of women
#6da4b0 Tritanomaly 0.01% of the population

#69a1af hex color

#69a1af Color Information

#69a1af Color Conversion

Color Schemes with #69a1af

Alternatives to #69a1af

#69a1af Preview

Shades and Tints of #69a1af

Tones of #69a1af

Color Blindness Simulator