#69bbdd hex color

In a RGB color space, hex #69bbdd is composed of 41.2% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 197.6 degrees, a saturation of 63% and a lightness of 63.9%. #69bbdd color hex could be obtained by blending #d2ffff with #0077bb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 73
- B 87
RGB color chart
- C 52
- M 15
- Y 0
- K 13
CMYK color chart

● #69bbdd color description : Soft blue.

The hexadecimal color #69bbdd has RGB values of R:105, G:187, B:221 and CMYK values of C:0.52, M:0.15, Y:0, K:0.13. Its decimal value is 6929373.

Hex triplet	69bbdd	`#69bbdd`
RGB Decimal	105, 187, 221	`rgb(105,187,221)`
RGB Percent	41.2, 73.3, 86.7	`rgb(41.2%,73.3%,86.7%)`
CMYK	52, 15, 0, 13
HSL	197.6°, 63, 63.9	`hsl(197.6,63%,63.9%)`
HSV (or HSB)	197.6°, 52.5, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.069, -15.701, -24.722
XYZ	36.644, 43.762, 74.919
xyY	0.236, 0.282, 43.762
CIE-LCH	72.069, 29.287, 237.581
CIE-LUV	72.069, -35.735, -36.743
Hunter-Lab	66.153, -16.892, -20.839
Binary	01101001, 10111011, 11011101

#69bbdd
```
#69bbdd rgb(105,187,221)
```
#dd8b69
```
#dd8b69 rgb(221,139,105)
```

Complementary Color

#69ddc5
```
#69ddc5 rgb(105,221,197)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```
#6981dd
```
#6981dd rgb(105,129,221)
```

Analogous Color

#ddc569
```
#ddc569 rgb(221,197,105)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```
#dd6981
```
#dd6981 rgb(221,105,129)
```

Split Complementary Color

#bbdd69
```
#bbdd69 rgb(187,221,105)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```
#dd69bb
```
#dd69bb rgb(221,105,187)
```

Triadic Color

#69dd8b
```
#69dd8b rgb(105,221,139)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```
#dd69bb
```
#dd69bb rgb(221,105,187)
```
#dd8b69
```
#dd8b69 rgb(221,139,105)
```

Tetradic Color

#2e9dcb
```
#2e9dcb rgb(46,157,203)
```
#3fa8d4
```
#3fa8d4 rgb(63,168,212)
```
#54b2d8
```
#54b2d8 rgb(84,178,216)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```
#7ec4e2
```
#7ec4e2 rgb(126,196,226)
```
#93cee6
```
#93cee6 rgb(147,206,230)
```
#a7d7eb
```
#a7d7eb rgb(167,215,235)
```

Monochromatic Color

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

#69d8dd
```
#69d8dd rgb(105,216,221)
```
#69cedd
```
#69cedd rgb(105,206,221)
```
#69c5dd
```
#69c5dd rgb(105,197,221)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```
#69b1dd
```
#69b1dd rgb(105,177,221)
```
#69a8dd
```
#69a8dd rgb(105,168,221)
```
#699edd
```
#699edd rgb(105,158,221)
```

Similar Colors

Text with hexadecimal color #69bbdd

This text has a font color of #69bbdd.

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

#69bbdd background color

This paragraph has a background color of #69bbdd.

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

#69bbdd border color

This element has a border color of #69bbdd.

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

CSS codes

.text {color:#69bbdd;}

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

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

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, #02080a is the darkest color, while #f9fcfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#06141a
```
#06141a rgb(6,20,26)
```
#09202a
```
#09202a rgb(9,32,42)
```
#0d2d3a
```
#0d2d3a rgb(13,45,58)
```
#11394a
```
#11394a rgb(17,57,74)
```
#14455a
```
#14455a rgb(20,69,90)
```
#18526a
```
#18526a rgb(24,82,106)
```
#1c5e7a
```
#1c5e7a rgb(28,94,122)
```
#1f6b8a
```
#1f6b8a rgb(31,107,138)
```
#23779a
```
#23779a rgb(35,119,154)
```
#2683aa
```
#2683aa rgb(38,131,170)
```
#2a90ba
```
#2a90ba rgb(42,144,186)
```
#2e9cca
```
#2e9cca rgb(46,156,202)
```

Shade Color Variation

#39a5d2
```
#39a5d2 rgb(57,165,210)
```
#49add6
```
#49add6 rgb(73,173,214)
```
#59b4d9
```
#59b4d9 rgb(89,180,217)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```
#79c2e1
```
#79c2e1 rgb(121,194,225)
```
#89c9e4
```
#89c9e4 rgb(137,201,228)
```
#99d1e8
```
#99d1e8 rgb(153,209,232)
```
#a9d8eb
```
#a9d8eb rgb(169,216,235)
```
#b9dfef
```
#b9dfef rgb(185,223,239)
```
#c9e6f3
```
#c9e6f3 rgb(201,230,243)
```
#d9eef6
```
#d9eef6 rgb(217,238,246)
```
#e9f5fa
```
#e9f5fa rgb(233,245,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#a2a4a4
```
#a2a4a4 rgb(162,164,164)
```
#9ba7ab
```
#9ba7ab rgb(155,167,171)
```
#93a9b3
```
#93a9b3 rgb(147,169,179)
```
#8cacba
```
#8cacba rgb(140,172,186)
```
#85afc1
```
#85afc1 rgb(133,175,193)
```
#7eb2c8
```
#7eb2c8 rgb(126,178,200)
```
#77b5cf
```
#77b5cf rgb(119,181,207)
```
#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```
#62bee4
```
#62bee4 rgb(98,190,228)
```
#5bc1eb
```
#5bc1eb rgb(91,193,235)
```
#54c4f2
```
#54c4f2 rgb(84,196,242)
```
#4dc7f9
```
#4dc7f9 rgb(77,199,249)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9aaab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb3d7 Protanopia 1% of men
#abb1e3 Deuteranopia 1% of men
#69c1cf Tritanopia 0.001% of the population

Trichromacy

#93b6d9 Protanomaly 1% of men, 0.01% of women
#93b5e1 Deuteranomaly 6% of men, 0.4% of women
#69bfd4 Tritanomaly 0.01% of the population

#69bbdd hex color

#69bbdd Color Information

#69bbdd Color Conversion

Color Schemes with #69bbdd

Alternatives to #69bbdd

#69bbdd Preview

Shades and Tints of #69bbdd

Tones of #69bbdd

Color Blindness Simulator