#7daaff hex color

In a RGB color space, hex #7daaff is composed of 49% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 219.2 degrees, a saturation of 100% and a lightness of 74.5%. #7daaff color hex could be obtained by blending #faffff with #0055ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 67
- B 100
RGB color chart
- C 51
- M 33
- Y 0
- K 0
CMYK color chart

● #7daaff color description : Very light blue.

The hexadecimal color #7daaff has RGB values of R:125, G:170, B:255 and CMYK values of C:0.51, M:0.33, Y:0, K:0. Its decimal value is 8235775.

Hex triplet	7daaff	`#7daaff`
RGB Decimal	125, 170, 255	`rgb(125,170,255)`
RGB Percent	49, 66.7, 100	`rgb(49%,66.7%,100%)`
CMYK	51, 33, 0, 0
HSL	219.2°, 100, 74.5	`hsl(219.2,100%,74.5%)`
HSV (or HSB)	219.2°, 51, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.702, 8.011, -46.794
XYZ	40.878, 40.327, 100.232
xyY	0.225, 0.222, 40.327
CIE-LCH	69.702, 47.475, 279.715
CIE-LUV	69.702, -22.728, -76.902
Hunter-Lab	63.504, 3.771, -49.128
Binary	01111101, 10101010, 11111111

#7daaff
```
#7daaff rgb(125,170,255)
```
#ffd27d
```
#ffd27d rgb(255,210,125)
```

Complementary Color

#7debff
```
#7debff rgb(125,235,255)
```
#7daaff
```
#7daaff rgb(125,170,255)
```
#917dff
```
#917dff rgb(145,125,255)
```

Analogous Color

#ebff7d
```
#ebff7d rgb(235,255,125)
```
#7daaff
```
#7daaff rgb(125,170,255)
```
#ff917d
```
#ff917d rgb(255,145,125)
```

Split Complementary Color

#aaff7d
```
#aaff7d rgb(170,255,125)
```
#7daaff
```
#7daaff rgb(125,170,255)
```
#ff7daa
```
#ff7daa rgb(255,125,170)
```

Triadic Color

#7dffd2
```
#7dffd2 rgb(125,255,210)
```
#7daaff
```
#7daaff rgb(125,170,255)
```
#ff7daa
```
#ff7daa rgb(255,125,170)
```
#ffd27d
```
#ffd27d rgb(255,210,125)
```

Tetradic Color

#3178ff
```
#3178ff rgb(49,120,255)
```
#4a89ff
```
#4a89ff rgb(74,137,255)
```
#6499ff
```
#6499ff rgb(100,153,255)
```
#7daaff
```
#7daaff rgb(125,170,255)
```
#97bbff
```
#97bbff rgb(151,187,255)
```
#b0cbff
```
#b0cbff rgb(176,203,255)
```
#cadcff
```
#cadcff rgb(202,220,255)
```

Monochromatic Color

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

#7dcbff
```
#7dcbff rgb(125,203,255)
```
#7dc0ff
```
#7dc0ff rgb(125,192,255)
```
#7db5ff
```
#7db5ff rgb(125,181,255)
```
#7daaff
```
#7daaff rgb(125,170,255)
```
#7d9fff
```
#7d9fff rgb(125,159,255)
```
#7d94ff
```
#7d94ff rgb(125,148,255)
```
#7d8aff
```
#7d8aff rgb(125,138,255)
```

Similar Colors

Text with hexadecimal color #7daaff

This text has a font color of #7daaff.

<span style="color:#7daaff;">Text here</span>

#7daaff background color

This paragraph has a background color of #7daaff.

<p style="background-color:#7daaff;">Content here</p>

#7daaff border color

This element has a border color of #7daaff.

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

CSS codes

.text {color:#7daaff;}

.background {background-color:#7daaff;}

.border {border:1px solid #7daaff;}

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

#000307
```
#000307 rgb(0,3,7)
```
#00091b
```
#00091b rgb(0,9,27)
```
#00102f
```
#00102f rgb(0,16,47)
```
#001742
```
#001742 rgb(0,23,66)
```
#001e56
```
#001e56 rgb(0,30,86)
```
#002469
```
#002469 rgb(0,36,105)
```
#002b7d
```
#002b7d rgb(0,43,125)
```
#003291
```
#003291 rgb(0,50,145)
```
#0039a4
```
#0039a4 rgb(0,57,164)
```
#0040b8
```
#0040b8 rgb(0,64,184)
```
#0046cb
```
#0046cb rgb(0,70,203)
```
#004ddf
```
#004ddf rgb(0,77,223)
```
#0054f3
```
#0054f3 rgb(0,84,243)
```

Shade Color Variation

#075dff
```
#075dff rgb(7,93,255)
```
#1b6aff
```
#1b6aff rgb(27,106,255)
```
#2f77ff
```
#2f77ff rgb(47,119,255)
```
#4284ff
```
#4284ff rgb(66,132,255)
```
#5690ff
```
#5690ff rgb(86,144,255)
```
#699dff
```
#699dff rgb(105,157,255)
```
#7daaff
```
#7daaff rgb(125,170,255)
```
#91b7ff
```
#91b7ff rgb(145,183,255)
```
#a4c4ff
```
#a4c4ff rgb(164,196,255)
```
#b8d0ff
```
#b8d0ff rgb(184,208,255)
```
#cbddff
```
#cbddff rgb(203,221,255)
```
#dfeaff
```
#dfeaff rgb(223,234,255)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#b9bcc3
```
#b9bcc3 rgb(185,188,195)
```
#b4bbc8
```
#b4bbc8 rgb(180,187,200)
```
#afb9cd
```
#afb9cd rgb(175,185,205)
```
#aab8d2
```
#aab8d2 rgb(170,184,210)
```
#a5b6d7
```
#a5b6d7 rgb(165,182,215)
```
#a0b5dc
```
#a0b5dc rgb(160,181,220)
```
#9bb3e1
```
#9bb3e1 rgb(155,179,225)
```
#96b2e6
```
#96b2e6 rgb(150,178,230)
```
#91b0eb
```
#91b0eb rgb(145,176,235)
```
#8caff0
```
#8caff0 rgb(140,175,240)
```
#87adf5
```
#87adf5 rgb(135,173,245)
```
#82acfa
```
#82acfa rgb(130,172,250)
```
#7daaff
```
#7daaff rgb(125,170,255)
```

Tone Color Variation

Below, you can see how #7daaff 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
#9ea7b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90acfd Protanopia 1% of men
#84aeff Deuteranopia 1% of men
#6bbac7 Tritanopia 0.001% of the population

Trichromacy

#89abfd Protanomaly 1% of men, 0.01% of women
#82acff Deuteranomaly 6% of men, 0.4% of women
#72b4db Tritanomaly 0.01% of the population

#7daaff hex color

#7daaff Color Information

#7daaff Color Conversion

Color Schemes with #7daaff

Alternatives to #7daaff

#7daaff Preview

Shades and Tints of #7daaff

Tones of #7daaff

Color Blindness Simulator