#69a3ba hex color

In a RGB color space, hex #69a3ba is composed of 41.2% red, 63.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 12.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 197 degrees, a saturation of 37% and a lightness of 57.1%. #69a3ba color hex could be obtained by blending #d2ffff with #004775. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 64
- B 73
RGB color chart
- C 44
- M 12
- Y 0
- K 27
CMYK color chart

● #69a3ba color description : Slightly desaturated blue.

The hexadecimal color #69a3ba has RGB values of R:105, G:163, B:186 and CMYK values of C:0.44, M:0.12, Y:0, K:0.27. Its decimal value is 6923194.

Hex triplet	69a3ba	`#69a3ba`
RGB Decimal	105, 163, 186	`rgb(105,163,186)`
RGB Percent	41.2, 63.9, 72.9	`rgb(41.2%,63.9%,72.9%)`
CMYK	44, 12, 0, 27
HSL	197°, 37, 57.1	`hsl(197,37%,57.1%)`
HSV (or HSB)	197°, 43.5, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.951, -12.783, -17.787
XYZ	27.784, 32.741, 51.307
xyY	0.248, 0.293, 32.741
CIE-LCH	63.951, 21.904, 234.297
CIE-LUV	63.951, -27.156, -25.252
Hunter-Lab	57.22, -13.463, -13.109
Binary	01101001, 10100011, 10111010

#69a3ba
```
#69a3ba rgb(105,163,186)
```
#ba8069
```
#ba8069 rgb(186,128,105)
```

Complementary Color

#69baa9
```
#69baa9 rgb(105,186,169)
```
#69a3ba
```
#69a3ba rgb(105,163,186)
```
#697bba
```
#697bba rgb(105,123,186)
```

Analogous Color

#baa969
```
#baa969 rgb(186,169,105)
```
#69a3ba
```
#69a3ba rgb(105,163,186)
```
#ba697b
```
#ba697b rgb(186,105,123)
```

Split Complementary Color

#a3ba69
```
#a3ba69 rgb(163,186,105)
```
#69a3ba
```
#69a3ba rgb(105,163,186)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```

Triadic Color

#69ba80
```
#69ba80 rgb(105,186,128)
```
#69a3ba
```
#69a3ba rgb(105,163,186)
```
#ba69a3
```
#ba69a3 rgb(186,105,163)
```
#ba8069
```
#ba8069 rgb(186,128,105)
```

Tetradic Color

#447c93
```
#447c93 rgb(68,124,147)
```
#4c8ba4
```
#4c8ba4 rgb(76,139,164)
```
#5898b2
```
#5898b2 rgb(88,152,178)
```
#69a3ba
```
#69a3ba rgb(105,163,186)
```
#7aaec2
```
#7aaec2 rgb(122,174,194)
```
#8cb8ca
```
#8cb8ca rgb(140,184,202)
```
#9dc3d2
```
#9dc3d2 rgb(157,195,210)
```

Monochromatic Color

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

#69b7ba
```
#69b7ba rgb(105,183,186)
```
#69b1ba
```
#69b1ba rgb(105,177,186)
```
#69aaba
```
#69aaba rgb(105,170,186)
```
#69a3ba
```
#69a3ba rgb(105,163,186)
```
#699cba
```
#699cba rgb(105,156,186)
```
#6996ba
```
#6996ba rgb(105,150,186)
```
#698fba
```
#698fba rgb(105,143,186)
```

Similar Colors

Text with hexadecimal color #69a3ba

This text has a font color of #69a3ba.

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

#69a3ba background color

This paragraph has a background color of #69a3ba.

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

#69a3ba border color

This element has a border color of #69a3ba.

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

CSS codes

.text {color:#69a3ba;}

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

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

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, #050a0b is the darkest color, while #fdfefe is the lightest one.

#050a0b
```
#050a0b rgb(5,10,11)
```
#0b1519
```
#0b1519 rgb(11,21,25)
```
#122026
```
#122026 rgb(18,32,38)
```
#182c34
```
#182c34 rgb(24,44,52)
```
#1e3741
```
#1e3741 rgb(30,55,65)
```
#24424e
```
#24424e rgb(36,66,78)
```
#2a4e5c
```
#2a4e5c rgb(42,78,92)
```
#305969
```
#305969 rgb(48,89,105)
```
#376577
```
#376577 rgb(55,101,119)
```
#3d7084
```
#3d7084 rgb(61,112,132)
```
#437b92
```
#437b92 rgb(67,123,146)
```
#49879f
```
#49879f rgb(73,135,159)
```
#4f92ac
```
#4f92ac rgb(79,146,172)
```

Shade Color Variation

#5c9bb4
```
#5c9bb4 rgb(92,155,180)
```
#69a3ba
```
#69a3ba rgb(105,163,186)
```
#76abc0
```
#76abc0 rgb(118,171,192)
```
#84b3c6
```
#84b3c6 rgb(132,179,198)
```
#91bccd
```
#91bccd rgb(145,188,205)
```
#9fc4d3
```
#9fc4d3 rgb(159,196,211)
```
#acccd9
```
#acccd9 rgb(172,204,217)
```
#bad4df
```
#bad4df rgb(186,212,223)
```
#c7dde5
```
#c7dde5 rgb(199,221,229)
```
#d4e5eb
```
#d4e5eb rgb(212,229,235)
```
#e2edf2
```
#e2edf2 rgb(226,237,242)
```
#eff5f8
```
#eff5f8 rgb(239,245,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#8b9498
```
#8b9498 rgb(139,148,152)
```
#8298a1
```
#8298a1 rgb(130,152,161)
```
#7a9ca9
```
#7a9ca9 rgb(122,156,169)
```
#719fb2
```
#719fb2 rgb(113,159,178)
```
#69a3ba
```
#69a3ba rgb(105,163,186)
```
#61a7c2
```
#61a7c2 rgb(97,167,194)
```
#58aacb
```
#58aacb rgb(88,170,203)
```
#50aed3
```
#50aed3 rgb(80,174,211)
```
#47b2dc
```
#47b2dc rgb(71,178,220)
```
#3fb5e4
```
#3fb5e4 rgb(63,181,228)
```
#36b9ed
```
#36b9ed rgb(54,185,237)
```
#2ebcf5
```
#2ebcf5 rgb(46,188,245)
```
#26c0fd
```
#26c0fd rgb(38,192,253)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8b979c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9eb8 Protanopia 1% of men
#9d9dc1 Deuteranopia 1% of men
#6da9b5 Tritanopia 0.001% of the population

Trichromacy

#88a0b8 Protanomaly 1% of men, 0.01% of women
#8a9fbe Deuteranomaly 6% of men, 0.4% of women
#6ca6b7 Tritanomaly 0.01% of the population

#69a3ba hex color

#69a3ba Color Information

#69a3ba Color Conversion

Color Schemes with #69a3ba

Alternatives to #69a3ba

#69a3ba Preview

Shades and Tints of #69a3ba

Tones of #69a3ba

Color Blindness Simulator