#69a5bb hex color

In a RGB color space, hex #69a5bb is composed of 41.2% red, 64.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 11.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 196.1 degrees, a saturation of 37.6% and a lightness of 57.3%. #69a5bb color hex could be obtained by blending #d2ffff with #004b77. Closest websafe color is: #6699cc.

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

● #69a5bb color description : Slightly desaturated blue.

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

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

CIE-LAB	64.564, -13.584, -17.416
XYZ	28.248, 33.5, 51.989
xyY	0.248, 0.295, 33.5
CIE-LCH	64.564, 22.088, 232.047
CIE-LUV	64.564, -27.948, -24.583
Hunter-Lab	57.879, -14.17, -12.741
Binary	01101001, 10100101, 10111011

#69a5bb
```
#69a5bb rgb(105,165,187)
```
#bb7f69
```
#bb7f69 rgb(187,127,105)
```

Complementary Color

#69bba8
```
#69bba8 rgb(105,187,168)
```
#69a5bb
```
#69a5bb rgb(105,165,187)
```
#697cbb
```
#697cbb rgb(105,124,187)
```

Analogous Color

#bba869
```
#bba869 rgb(187,168,105)
```
#69a5bb
```
#69a5bb rgb(105,165,187)
```
#bb697c
```
#bb697c rgb(187,105,124)
```

Split Complementary Color

#a5bb69
```
#a5bb69 rgb(165,187,105)
```
#69a5bb
```
#69a5bb rgb(105,165,187)
```
#bb69a5
```
#bb69a5 rgb(187,105,165)
```

Triadic Color

#69bb7f
```
#69bb7f rgb(105,187,127)
```
#69a5bb
```
#69a5bb rgb(105,165,187)
```
#bb69a5
```
#bb69a5 rgb(187,105,165)
```
#bb7f69
```
#bb7f69 rgb(187,127,105)
```

Tetradic Color

#437f94
```
#437f94 rgb(67,127,148)
```
#4b8ea6
```
#4b8ea6 rgb(75,142,166)
```
#579ab3
```
#579ab3 rgb(87,154,179)
```
#69a5bb
```
#69a5bb rgb(105,165,187)
```
#7bb0c3
```
#7bb0c3 rgb(123,176,195)
```
#8cbacb
```
#8cbacb rgb(140,186,203)
```
#9ec5d3
```
#9ec5d3 rgb(158,197,211)
```

Monochromatic Color

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

#69babb
```
#69babb rgb(105,186,187)
```
#69b3bb
```
#69b3bb rgb(105,179,187)
```
#69acbb
```
#69acbb rgb(105,172,187)
```
#69a5bb
```
#69a5bb rgb(105,165,187)
```
#699ebb
```
#699ebb rgb(105,158,187)
```
#6997bb
```
#6997bb rgb(105,151,187)
```
#6991bb
```
#6991bb rgb(105,145,187)
```

Similar Colors

Text with hexadecimal color #69a5bb

This text has a font color of #69a5bb.

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

#69a5bb background color

This paragraph has a background color of #69a5bb.

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

#69a5bb border color

This element has a border color of #69a5bb.

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

CSS codes

.text {color:#69a5bb;}

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

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

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)
```
#182d34
```
#182d34 rgb(24,45,52)
```
#1e3842
```
#1e3842 rgb(30,56,66)
```
#24444f
```
#24444f rgb(36,68,79)
```
#2a4f5d
```
#2a4f5d rgb(42,79,93)
```
#305b6a
```
#305b6a rgb(48,91,106)
```
#366678
```
#366678 rgb(54,102,120)
```
#3c7285
```
#3c7285 rgb(60,114,133)
```
#437d93
```
#437d93 rgb(67,125,147)
```
#4989a0
```
#4989a0 rgb(73,137,160)
```
#4f94ae
```
#4f94ae rgb(79,148,174)
```

Shade Color Variation

#5c9db5
```
#5c9db5 rgb(92,157,181)
```
#69a5bb
```
#69a5bb rgb(105,165,187)
```
#76adc1
```
#76adc1 rgb(118,173,193)
```
#84b5c7
```
#84b5c7 rgb(132,181,199)
```
#91bdcd
```
#91bdcd rgb(145,189,205)
```
#9fc5d3
```
#9fc5d3 rgb(159,197,211)
```
#accdda
```
#accdda rgb(172,205,218)
```
#bad6e0
```
#bad6e0 rgb(186,214,224)
```
#c7dee6
```
#c7dee6 rgb(199,222,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 #26c4fe is the most saturated one.

#8b9599
```
#8b9599 rgb(139,149,153)
```
#8299a2
```
#8299a2 rgb(130,153,162)
```
#7a9daa
```
#7a9daa rgb(122,157,170)
```
#71a1b3
```
#71a1b3 rgb(113,161,179)
```
#69a5bb
```
#69a5bb rgb(105,165,187)
```
#61a9c3
```
#61a9c3 rgb(97,169,195)
```
#58adcc
```
#58adcc rgb(88,173,204)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#47b5dd
```
#47b5dd rgb(71,181,221)
```
#3fb8e5
```
#3fb8e5 rgb(63,184,229)
```
#37bced
```
#37bced rgb(55,188,237)
```
#2ec0f6
```
#2ec0f6 rgb(46,192,246)
```
#26c4fe
```
#26c4fe rgb(38,196,254)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8d999d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca0b8 Protanopia 1% of men
#9f9ec2 Deuteranopia 1% of men
#6eaab7 Tritanopia 0.001% of the population

Trichromacy

#8aa2b9 Protanomaly 1% of men, 0.01% of women
#8ba0bf Deuteranomaly 6% of men, 0.4% of women
#6ca8b8 Tritanomaly 0.01% of the population

#69a5bb hex color

#69a5bb Color Information

#69a5bb Color Conversion

Color Schemes with #69a5bb

Alternatives to #69a5bb

#69a5bb Preview

Shades and Tints of #69a5bb

Tones of #69a5bb

Color Blindness Simulator