#69a4dd hex color

In a RGB color space, hex #69a4dd is composed of 41.2% red, 64.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 25.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 209.5 degrees, a saturation of 63% and a lightness of 63.9%. #69a4dd color hex could be obtained by blending #d2ffff with #0049bb. Closest websafe color is: #6699cc.

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

● #69a4dd color description : Soft blue.

The hexadecimal color #69a4dd has RGB values of R:105, G:164, B:221 and CMYK values of C:0.52, M:0.26, Y:0, K:0.13. Its decimal value is 6923485.

Hex triplet	69a4dd	`#69a4dd`
RGB Decimal	105, 164, 221	`rgb(105,164,221)`
RGB Percent	41.2, 64.3, 86.7	`rgb(41.2%,64.3%,86.7%)`
CMYK	52, 26, 0, 13
HSL	209.5°, 63, 63.9	`hsl(209.5,63%,63.9%)`
HSV (or HSB)	209.5°, 52.5, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.571, -3.225, -34.74
XYZ	32.149, 34.773, 73.42
xyY	0.229, 0.248, 34.773
CIE-LCH	65.571, 34.89, 264.696
CIE-LUV	65.571, -27.017, -54.558
Hunter-Lab	58.968, -5.878, -32.543
Binary	01101001, 10100100, 11011101

#69a4dd
```
#69a4dd rgb(105,164,221)
```
#dda269
```
#dda269 rgb(221,162,105)
```

Complementary Color

#69dddc
```
#69dddc rgb(105,221,220)
```
#69a4dd
```
#69a4dd rgb(105,164,221)
```
#696add
```
#696add rgb(105,106,221)
```

Analogous Color

#dddc69
```
#dddc69 rgb(221,220,105)
```
#69a4dd
```
#69a4dd rgb(105,164,221)
```
#dd696a
```
#dd696a rgb(221,105,106)
```

Split Complementary Color

#a4dd69
```
#a4dd69 rgb(164,221,105)
```
#69a4dd
```
#69a4dd rgb(105,164,221)
```
#dd69a4
```
#dd69a4 rgb(221,105,164)
```

Triadic Color

#69dda2
```
#69dda2 rgb(105,221,162)
```
#69a4dd
```
#69a4dd rgb(105,164,221)
```
#dd69a4
```
#dd69a4 rgb(221,105,164)
```
#dda269
```
#dda269 rgb(221,162,105)
```

Tetradic Color

#2e7ecb
```
#2e7ecb rgb(46,126,203)
```
#3f8bd4
```
#3f8bd4 rgb(63,139,212)
```
#5497d8
```
#5497d8 rgb(84,151,216)
```
#69a4dd
```
#69a4dd rgb(105,164,221)
```
#7eb1e2
```
#7eb1e2 rgb(126,177,226)
```
#93bde6
```
#93bde6 rgb(147,189,230)
```
#a7caeb
```
#a7caeb rgb(167,202,235)
```

Monochromatic Color

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

#69c1dd
```
#69c1dd rgb(105,193,221)
```
#69b7dd
```
#69b7dd rgb(105,183,221)
```
#69aedd
```
#69aedd rgb(105,174,221)
```
#69a4dd
```
#69a4dd rgb(105,164,221)
```
#699add
```
#699add rgb(105,154,221)
```
#6991dd
```
#6991dd rgb(105,145,221)
```
#6987dd
```
#6987dd rgb(105,135,221)
```

Similar Colors

Text with hexadecimal color #69a4dd

This text has a font color of #69a4dd.

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

#69a4dd background color

This paragraph has a background color of #69a4dd.

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

#69a4dd border color

This element has a border color of #69a4dd.

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

CSS codes

.text {color:#69a4dd;}

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

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

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

#02060a
```
#02060a rgb(2,6,10)
```
#06101a
```
#06101a rgb(6,16,26)
```
#091a2a
```
#091a2a rgb(9,26,42)
```
#0d243a
```
#0d243a rgb(13,36,58)
```
#112e4a
```
#112e4a rgb(17,46,74)
```
#14385a
```
#14385a rgb(20,56,90)
```
#18426a
```
#18426a rgb(24,66,106)
```
#1c4c7a
```
#1c4c7a rgb(28,76,122)
```
#1f558a
```
#1f558a rgb(31,85,138)
```
#235f9a
```
#235f9a rgb(35,95,154)
```
#2669aa
```
#2669aa rgb(38,105,170)
```
#2a73ba
```
#2a73ba rgb(42,115,186)
```
#2e7dca
```
#2e7dca rgb(46,125,202)
```

Shade Color Variation

#3987d2
```
#3987d2 rgb(57,135,210)
```
#4991d6
```
#4991d6 rgb(73,145,214)
```
#599ad9
```
#599ad9 rgb(89,154,217)
```
#69a4dd
```
#69a4dd rgb(105,164,221)
```
#79aee1
```
#79aee1 rgb(121,174,225)
```
#89b7e4
```
#89b7e4 rgb(137,183,228)
```
#99c1e8
```
#99c1e8 rgb(153,193,232)
```
#a9cbeb
```
#a9cbeb rgb(169,203,235)
```
#b9d5ef
```
#b9d5ef rgb(185,213,239)
```
#c9def3
```
#c9def3 rgb(201,222,243)
```
#d9e8f6
```
#d9e8f6 rgb(217,232,246)
```
#e9f2fa
```
#e9f2fa rgb(233,242,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#a2a3a4
```
#a2a3a4 rgb(162,163,164)
```
#9ba3ab
```
#9ba3ab rgb(155,163,171)
```
#93a3b3
```
#93a3b3 rgb(147,163,179)
```
#8ca3ba
```
#8ca3ba rgb(140,163,186)
```
#85a4c1
```
#85a4c1 rgb(133,164,193)
```
#7ea4c8
```
#7ea4c8 rgb(126,164,200)
```
#77a4cf
```
#77a4cf rgb(119,164,207)
```
#70a4d6
```
#70a4d6 rgb(112,164,214)
```
#69a4dd
```
#69a4dd rgb(105,164,221)
```
#62a4e4
```
#62a4e4 rgb(98,164,228)
```
#5ba4eb
```
#5ba4eb rgb(91,164,235)
```
#54a4f2
```
#54a4f2 rgb(84,164,242)
```
#4da4f9
```
#4da4f9 rgb(77,164,249)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8f9ba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a2da Protanopia 1% of men
#8ca2e1 Deuteranopia 1% of men
#61afbc Tritanopia 0.001% of the population

Trichromacy

#83a2db Protanomaly 1% of men, 0.01% of women
#7fa3df Deuteranomaly 6% of men, 0.4% of women
#64abc8 Tritanomaly 0.01% of the population

#69a4dd hex color

#69a4dd Color Information

#69a4dd Color Conversion

Color Schemes with #69a4dd

Alternatives to #69a4dd

#69a4dd Preview

Shades and Tints of #69a4dd

Tones of #69a4dd

Color Blindness Simulator