#69a4bb hex color

In a RGB color space, hex #69a4bb is composed of 41.2% red, 64.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 12.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 196.8 degrees, a saturation of 37.6% and a lightness of 57.3%. #69a4bb color hex could be obtained by blending #d2ffff with #004977. 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

● #69a4bb color description : Slightly desaturated blue.

The hexadecimal color #69a4bb has RGB values of R:105, G:164, B:187 and CMYK values of C:0.44, M:0.12, Y:0, K:0.27. Its decimal value is 6923451.

Hex triplet	69a4bb	`#69a4bb`
RGB Decimal	105, 164, 187	`rgb(105,164,187)`
RGB Percent	41.2, 64.3, 73.3	`rgb(41.2%,64.3%,73.3%)`
CMYK	44, 12, 0, 27
HSL	196.8°, 37.6, 57.3	`hsl(196.8,37.6%,57.3%)`
HSV (or HSB)	196.8°, 43.9, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.275, -13.047, -17.855
XYZ	28.069, 33.141, 51.929
xyY	0.248, 0.293, 33.141
CIE-LCH	64.275, 22.114, 233.843
CIE-LUV	64.275, -27.544, -25.344
Hunter-Lab	57.568, -13.712, -13.185
Binary	01101001, 10100100, 10111011

#69a4bb
```
#69a4bb rgb(105,164,187)
```
#bb8069
```
#bb8069 rgb(187,128,105)
```

Complementary Color

#69bba9
```
#69bba9 rgb(105,187,169)
```
#69a4bb
```
#69a4bb rgb(105,164,187)
```
#697bbb
```
#697bbb rgb(105,123,187)
```

Analogous Color

#bba969
```
#bba969 rgb(187,169,105)
```
#69a4bb
```
#69a4bb rgb(105,164,187)
```
#bb697b
```
#bb697b rgb(187,105,123)
```

Split Complementary Color

#a4bb69
```
#a4bb69 rgb(164,187,105)
```
#69a4bb
```
#69a4bb rgb(105,164,187)
```
#bb69a4
```
#bb69a4 rgb(187,105,164)
```

Triadic Color

#69bb80
```
#69bb80 rgb(105,187,128)
```
#69a4bb
```
#69a4bb rgb(105,164,187)
```
#bb69a4
```
#bb69a4 rgb(187,105,164)
```
#bb8069
```
#bb8069 rgb(187,128,105)
```

Tetradic Color

#437e94
```
#437e94 rgb(67,126,148)
```
#4b8ca6
```
#4b8ca6 rgb(75,140,166)
```
#5799b3
```
#5799b3 rgb(87,153,179)
```
#69a4bb
```
#69a4bb rgb(105,164,187)
```
#7bafc3
```
#7bafc3 rgb(123,175,195)
```
#8cb9cb
```
#8cb9cb rgb(140,185,203)
```
#9ec4d3
```
#9ec4d3 rgb(158,196,211)
```

Monochromatic Color

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

#69b9bb
```
#69b9bb rgb(105,185,187)
```
#69b2bb
```
#69b2bb rgb(105,178,187)
```
#69abbb
```
#69abbb rgb(105,171,187)
```
#69a4bb
```
#69a4bb rgb(105,164,187)
```
#699dbb
```
#699dbb rgb(105,157,187)
```
#6996bb
```
#6996bb rgb(105,150,187)
```
#6990bb
```
#6990bb rgb(105,144,187)
```

Similar Colors

Text with hexadecimal color #69a4bb

This text has a font color of #69a4bb.

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

#69a4bb background color

This paragraph has a background color of #69a4bb.

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

#69a4bb border color

This element has a border color of #69a4bb.

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

CSS codes

.text {color:#69a4bb;}

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

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

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

#050a0c
```
#050a0c rgb(5,10,12)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#122127
```
#122127 rgb(18,33,39)
```
#182c34
```
#182c34 rgb(24,44,52)
```
#1e3842
```
#1e3842 rgb(30,56,66)
```
#24434f
```
#24434f rgb(36,67,79)
```
#2a4f5d
```
#2a4f5d rgb(42,79,93)
```
#305a6a
```
#305a6a rgb(48,90,106)
```
#366678
```
#366678 rgb(54,102,120)
```
#3c7185
```
#3c7185 rgb(60,113,133)
```
#437c93
```
#437c93 rgb(67,124,147)
```
#4988a0
```
#4988a0 rgb(73,136,160)
```
#4f93ae
```
#4f93ae rgb(79,147,174)
```

Shade Color Variation

#5c9cb5
```
#5c9cb5 rgb(92,156,181)
```
#69a4bb
```
#69a4bb rgb(105,164,187)
```
#76acc1
```
#76acc1 rgb(118,172,193)
```
#84b4c7
```
#84b4c7 rgb(132,180,199)
```
#91bdcd
```
#91bdcd rgb(145,189,205)
```
#9fc5d3
```
#9fc5d3 rgb(159,197,211)
```
#accdda
```
#accdda rgb(172,205,218)
```
#bad5e0
```
#bad5e0 rgb(186,213,224)
```
#c7dde6
```
#c7dde6 rgb(199,221,230)
```
#d5e6ec
```
#d5e6ec rgb(213,230,236)
```
#e2eef2
```
#e2eef2 rgb(226,238,242)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#8b9599
```
#8b9599 rgb(139,149,153)
```
#8299a2
```
#8299a2 rgb(130,153,162)
```
#7a9daa
```
#7a9daa rgb(122,157,170)
```
#71a0b3
```
#71a0b3 rgb(113,160,179)
```
#69a4bb
```
#69a4bb rgb(105,164,187)
```
#61a8c3
```
#61a8c3 rgb(97,168,195)
```
#58abcc
```
#58abcc rgb(88,171,204)
```
#50afd4
```
#50afd4 rgb(80,175,212)
```
#47b3dd
```
#47b3dd rgb(71,179,221)
```
#3fb6e5
```
#3fb6e5 rgb(63,182,229)
```
#37baed
```
#37baed rgb(55,186,237)
```
#2ebef6
```
#2ebef6 rgb(46,190,246)
```
#26c1fe
```
#26c1fe rgb(38,193,254)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8c989d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9fb9 Protanopia 1% of men
#9d9dc2 Deuteranopia 1% of men
#6daab6 Tritanopia 0.001% of the population

Trichromacy

#89a1b9 Protanomaly 1% of men, 0.01% of women
#8aa0bf Deuteranomaly 6% of men, 0.4% of women
#6ca7b8 Tritanomaly 0.01% of the population

#69a4bb hex color

#69a4bb Color Information

#69a4bb Color Conversion

Color Schemes with #69a4bb

Alternatives to #69a4bb

#69a4bb Preview

Shades and Tints of #69a4bb

Tones of #69a4bb

Color Blindness Simulator