#69aafd hex color

In a RGB color space, hex #69aafd is composed of 41.2% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 213.6 degrees, a saturation of 97.4% and a lightness of 70.2%. #69aafd color hex could be obtained by blending #d2ffff with #0055fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 67
- B 99
RGB color chart
- C 58
- M 33
- Y 0
- K 1
CMYK color chart

● #69aafd color description : Soft blue.

The hexadecimal color #69aafd has RGB values of R:105, G:170, B:253 and CMYK values of C:0.58, M:0.33, Y:0, K:0.01. Its decimal value is 6925053.

Hex triplet	69aafd	`#69aafd`
RGB Decimal	105, 170, 253	`rgb(105,170,253)`
RGB Percent	41.2, 66.7, 99.2	`rgb(41.2%,66.7%,99.2%)`
CMYK	58, 33, 0, 1
HSL	213.6°, 97.4, 70.2	`hsl(213.6,97.4%,70.2%)`
HSV (or HSB)	213.6°, 58.5, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.637, 3.289, -47.452
XYZ	37.926, 38.842, 98.422
xyY	0.216, 0.222, 38.842
CIE-LCH	68.637, 47.566, 273.965
CIE-LUV	68.637, -28.725, -77.294
Hunter-Lab	62.324, -0.443, -50.005
Binary	01101001, 10101010, 11111101

#69aafd
```
#69aafd rgb(105,170,253)
```
#fdbc69
```
#fdbc69 rgb(253,188,105)
```

Complementary Color

#69f4fd
```
#69f4fd rgb(105,244,253)
```
#69aafd
```
#69aafd rgb(105,170,253)
```
#7269fd
```
#7269fd rgb(114,105,253)
```

Analogous Color

#f4fd69
```
#f4fd69 rgb(244,253,105)
```
#69aafd
```
#69aafd rgb(105,170,253)
```
#fd7269
```
#fd7269 rgb(253,114,105)
```

Split Complementary Color

#aafd69
```
#aafd69 rgb(170,253,105)
```
#69aafd
```
#69aafd rgb(105,170,253)
```
#fd69aa
```
#fd69aa rgb(253,105,170)
```

Triadic Color

#69fdbc
```
#69fdbc rgb(105,253,188)
```
#69aafd
```
#69aafd rgb(105,170,253)
```
#fd69aa
```
#fd69aa rgb(253,105,170)
```
#fdbc69
```
#fdbc69 rgb(253,188,105)
```

Tetradic Color

#1e7ffc
```
#1e7ffc rgb(30,127,252)
```
#378dfc
```
#378dfc rgb(55,141,252)
```
#509cfd
```
#509cfd rgb(80,156,253)
```
#69aafd
```
#69aafd rgb(105,170,253)
```
#82b8fd
```
#82b8fd rgb(130,184,253)
```
#9bc7fe
```
#9bc7fe rgb(155,199,254)
```
#b4d5fe
```
#b4d5fe rgb(180,213,254)
```

Monochromatic Color

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

#69cffd
```
#69cffd rgb(105,207,253)
```
#69c3fd
```
#69c3fd rgb(105,195,253)
```
#69b6fd
```
#69b6fd rgb(105,182,253)
```
#69aafd
```
#69aafd rgb(105,170,253)
```
#699efd
```
#699efd rgb(105,158,253)
```
#6991fd
```
#6991fd rgb(105,145,253)
```
#6985fd
```
#6985fd rgb(105,133,253)
```

Similar Colors

Text with hexadecimal color #69aafd

This text has a font color of #69aafd.

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

#69aafd background color

This paragraph has a background color of #69aafd.

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

#69aafd border color

This element has a border color of #69aafd.

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

CSS codes

.text {color:#69aafd;}

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

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

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, #000205 is the darkest color, while #f1f7ff is the lightest one.

#000205
```
#000205 rgb(0,2,5)
```
#000b18
```
#000b18 rgb(0,11,24)
```
#01132c
```
#01132c rgb(1,19,44)
```
#011c3f
```
#011c3f rgb(1,28,63)
```
#012552
```
#012552 rgb(1,37,82)
```
#012d66
```
#012d66 rgb(1,45,102)
```
#023679
```
#023679 rgb(2,54,121)
```
#023f8c
```
#023f8c rgb(2,63,140)
```
#0247a0
```
#0247a0 rgb(2,71,160)
```
#0250b3
```
#0250b3 rgb(2,80,179)
```
#0359c6
```
#0359c6 rgb(3,89,198)
```
#0361da
```
#0361da rgb(3,97,218)
```
#036aed
```
#036aed rgb(3,106,237)
```

Shade Color Variation

#0873fc
```
#0873fc rgb(8,115,252)
```
#1c7efc
```
#1c7efc rgb(28,126,252)
```
#2f89fc
```
#2f89fc rgb(47,137,252)
```
#4294fc
```
#4294fc rgb(66,148,252)
```
#569ffd
```
#569ffd rgb(86,159,253)
```
#69aafd
```
#69aafd rgb(105,170,253)
```
#7cb5fd
```
#7cb5fd rgb(124,181,253)
```
#90c0fe
```
#90c0fe rgb(144,192,254)
```
#a3cbfe
```
#a3cbfe rgb(163,203,254)
```
#b6d6fe
```
#b6d6fe rgb(182,214,254)
```
#cae1fe
```
#cae1fe rgb(202,225,254)
```
#ddecff
```
#ddecff rgb(221,236,255)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#afb3b7
```
#afb3b7 rgb(175,179,183)
```
#a9b2bd
```
#a9b2bd rgb(169,178,189)
```
#a3b1c3
```
#a3b1c3 rgb(163,177,195)
```
#9eb0c8
```
#9eb0c8 rgb(158,176,200)
```
#98b0ce
```
#98b0ce rgb(152,176,206)
```
#92afd4
```
#92afd4 rgb(146,175,212)
```
#8caeda
```
#8caeda rgb(140,174,218)
```
#86aee0
```
#86aee0 rgb(134,174,224)
```
#80ade6
```
#80ade6 rgb(128,173,230)
```
#7baceb
```
#7baceb rgb(123,172,235)
```
#75abf1
```
#75abf1 rgb(117,171,241)
```
#6fabf7
```
#6fabf7 rgb(111,171,247)
```
#69aafd
```
#69aafd rgb(105,170,253)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#95a2b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea9f9 Protanopia 1% of men
#7fabfe Deuteranopia 1% of men
#52b9c7 Tritanopia 0.001% of the population

Trichromacy

#80a9fa Protanomaly 1% of men, 0.01% of women
#77abfd Deuteranomaly 6% of men, 0.4% of women
#5ab4da Tritanomaly 0.01% of the population

#69aafd hex color

#69aafd Color Information

#69aafd Color Conversion

Color Schemes with #69aafd

Alternatives to #69aafd

#69aafd Preview

Shades and Tints of #69aafd

Tones of #69aafd

Color Blindness Simulator