#7daffd hex color

In a RGB color space, hex #7daffd is composed of 49% red, 68.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 30.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.6 degrees, a saturation of 97% and a lightness of 74.1%. #7daffd color hex could be obtained by blending #faffff with #005ffb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 69
- B 99
RGB color chart
- C 51
- M 31
- Y 0
- K 1
CMYK color chart

● #7daffd color description : Soft blue.

The hexadecimal color #7daffd has RGB values of R:125, G:175, B:253 and CMYK values of C:0.51, M:0.31, Y:0, K:0.01. Its decimal value is 8237053.

Hex triplet	7daffd	`#7daffd`
RGB Decimal	125, 175, 253	`rgb(125,175,253)`
RGB Percent	49, 68.6, 99.2	`rgb(49%,68.6%,99.2%)`
CMYK	51, 31, 0, 1
HSL	216.6°, 97, 74.1	`hsl(216.6,97%,74.1%)`
HSV (or HSB)	216.6°, 50.6, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.946, 4.591, -43.759
XYZ	41.513, 42.11, 98.864
xyY	0.227, 0.231, 42.11
CIE-LCH	70.946, 43.999, 275.99
CIE-LUV	70.946, -24.54, -71.503
Hunter-Lab	64.892, 0.63, -44.904
Binary	01111101, 10101111, 11111101

#7daffd
```
#7daffd rgb(125,175,253)
```
#fdcb7d
```
#fdcb7d rgb(253,203,125)
```

Complementary Color

#7deffd
```
#7deffd rgb(125,239,253)
```
#7daffd
```
#7daffd rgb(125,175,253)
```
#8b7dfd
```
#8b7dfd rgb(139,125,253)
```

Analogous Color

#effd7d
```
#effd7d rgb(239,253,125)
```
#7daffd
```
#7daffd rgb(125,175,253)
```
#fd8b7d
```
#fd8b7d rgb(253,139,125)
```

Split Complementary Color

#affd7d
```
#affd7d rgb(175,253,125)
```
#7daffd
```
#7daffd rgb(125,175,253)
```
#fd7daf
```
#fd7daf rgb(253,125,175)
```

Triadic Color

#7dfdcb
```
#7dfdcb rgb(125,253,203)
```
#7daffd
```
#7daffd rgb(125,175,253)
```
#fd7daf
```
#fd7daf rgb(253,125,175)
```
#fdcb7d
```
#fdcb7d rgb(253,203,125)
```

Tetradic Color

#3281fc
```
#3281fc rgb(50,129,252)
```
#4b90fc
```
#4b90fc rgb(75,144,252)
```
#64a0fd
```
#64a0fd rgb(100,160,253)
```
#7daffd
```
#7daffd rgb(125,175,253)
```
#96befd
```
#96befd rgb(150,190,253)
```
#afcefe
```
#afcefe rgb(175,206,254)
```
#c8ddfe
```
#c8ddfe rgb(200,221,254)
```

Monochromatic Color

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

#7dcffd
```
#7dcffd rgb(125,207,253)
```
#7dc4fd
```
#7dc4fd rgb(125,196,253)
```
#7dbafd
```
#7dbafd rgb(125,186,253)
```
#7daffd
```
#7daffd rgb(125,175,253)
```
#7da4fd
```
#7da4fd rgb(125,164,253)
```
#7d9afd
```
#7d9afd rgb(125,154,253)
```
#7d8ffd
```
#7d8ffd rgb(125,143,253)
```

Similar Colors

Text with hexadecimal color #7daffd

This text has a font color of #7daffd.

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

#7daffd background color

This paragraph has a background color of #7daffd.

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

#7daffd border color

This element has a border color of #7daffd.

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

CSS codes

.text {color:#7daffd;}

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

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

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 #f1f6ff is the lightest one.

#000205
```
#000205 rgb(0,2,5)
```
#000a19
```
#000a19 rgb(0,10,25)
```
#01122c
```
#01122c rgb(1,18,44)
```
#01193f
```
#01193f rgb(1,25,63)
```
#012153
```
#012153 rgb(1,33,83)
```
#022966
```
#022966 rgb(2,41,102)
```
#023079
```
#023079 rgb(2,48,121)
```
#02388c
```
#02388c rgb(2,56,140)
```
#0240a0
```
#0240a0 rgb(2,64,160)
```
#0348b3
```
#0348b3 rgb(3,72,179)
```
#034fc6
```
#034fc6 rgb(3,79,198)
```
#0357da
```
#0357da rgb(3,87,218)
```
#045fed
```
#045fed rgb(4,95,237)
```

Shade Color Variation

#0968fb
```
#0968fb rgb(9,104,251)
```
#1c74fc
```
#1c74fc rgb(28,116,252)
```
#307ffc
```
#307ffc rgb(48,127,252)
```
#438bfc
```
#438bfc rgb(67,139,252)
```
#5697fc
```
#5697fc rgb(86,151,252)
```
#6aa3fd
```
#6aa3fd rgb(106,163,253)
```
#7daffd
```
#7daffd rgb(125,175,253)
```
#90bbfd
```
#90bbfd rgb(144,187,253)
```
#a4c7fe
```
#a4c7fe rgb(164,199,254)
```
#b7d3fe
```
#b7d3fe rgb(183,211,254)
```
#cadffe
```
#cadffe rgb(202,223,254)
```
#deeafe
```
#deeafe rgb(222,234,254)
```
#f1f6ff
```
#f1f6ff rgb(241,246,255)
```

Tint Color Variation

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

#babcc0
```
#babcc0 rgb(186,188,192)
```
#b5bbc5
```
#b5bbc5 rgb(181,187,197)
```
#b0baca
```
#b0baca rgb(176,186,202)
```
#abb9cf
```
#abb9cf rgb(171,185,207)
```
#a6b8d4
```
#a6b8d4 rgb(166,184,212)
```
#a1b7d9
```
#a1b7d9 rgb(161,183,217)
```
#9bb6df
```
#9bb6df rgb(155,182,223)
```
#96b5e4
```
#96b5e4 rgb(150,181,228)
```
#91b3e9
```
#91b3e9 rgb(145,179,233)
```
#8cb2ee
```
#8cb2ee rgb(140,178,238)
```
#87b1f3
```
#87b1f3 rgb(135,177,243)
```
#82b0f8
```
#82b0f8 rgb(130,176,248)
```
#7daffd
```
#7daffd rgb(125,175,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a0aaba Atypical Achromatopsia 0.001% of the population

Dichromacy

#97affa Protanopia 1% of men
#8db0fd Deuteranopia 1% of men
#6ebdcb Tritanopia 0.001% of the population

Trichromacy

#8daffb Protanomaly 1% of men, 0.01% of women
#87b0fd Deuteranomaly 6% of men, 0.4% of women
#73b8dd Tritanomaly 0.01% of the population

#7daffd hex color

#7daffd Color Information

#7daffd Color Conversion

Color Schemes with #7daffd

Alternatives to #7daffd

#7daffd Preview

Shades and Tints of #7daffd

Tones of #7daffd

Color Blindness Simulator