#7da2fd hex color

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

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

● #7da2fd color description : Soft blue.

The hexadecimal color #7da2fd has RGB values of R:125, G:162, B:253 and CMYK values of C:0.51, M:0.36, Y:0, K:0.01. Its decimal value is 8233725.

Hex triplet	7da2fd	`#7da2fd`
RGB Decimal	125, 162, 253	`rgb(125,162,253)`
RGB Percent	49, 63.5, 99.2	`rgb(49%,63.5%,99.2%)`
CMYK	51, 36, 0, 1
HSL	222.7°, 97, 74.1	`hsl(222.7,97%,74.1%)`
HSV (or HSB)	222.7°, 50.6, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.495, 11.984, -49.185
XYZ	39.104, 37.291, 98.06
xyY	0.224, 0.214, 37.291
CIE-LCH	67.495, 50.624, 283.693
CIE-LUV	67.495, -19.842, -81.037
Hunter-Lab	61.066, 7.437, -52.462
Binary	01111101, 10100010, 11111101

#7da2fd
```
#7da2fd rgb(125,162,253)
```
#fdd87d
```
#fdd87d rgb(253,216,125)
```

Complementary Color

#7de2fd
```
#7de2fd rgb(125,226,253)
```
#7da2fd
```
#7da2fd rgb(125,162,253)
```
#987dfd
```
#987dfd rgb(152,125,253)
```

Analogous Color

#e2fd7d
```
#e2fd7d rgb(226,253,125)
```
#7da2fd
```
#7da2fd rgb(125,162,253)
```
#fd987d
```
#fd987d rgb(253,152,125)
```

Split Complementary Color

#a2fd7d
```
#a2fd7d rgb(162,253,125)
```
#7da2fd
```
#7da2fd rgb(125,162,253)
```
#fd7da2
```
#fd7da2 rgb(253,125,162)
```

Triadic Color

#7dfdd8
```
#7dfdd8 rgb(125,253,216)
```
#7da2fd
```
#7da2fd rgb(125,162,253)
```
#fd7da2
```
#fd7da2 rgb(253,125,162)
```
#fdd87d
```
#fdd87d rgb(253,216,125)
```

Tetradic Color

#326cfc
```
#326cfc rgb(50,108,252)
```
#4b7efc
```
#4b7efc rgb(75,126,252)
```
#6490fd
```
#6490fd rgb(100,144,253)
```
#7da2fd
```
#7da2fd rgb(125,162,253)
```
#96b4fd
```
#96b4fd rgb(150,180,253)
```
#afc6fe
```
#afc6fe rgb(175,198,254)
```
#c8d8fe
```
#c8d8fe rgb(200,216,254)
```

Monochromatic Color

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

#7dc2fd
```
#7dc2fd rgb(125,194,253)
```
#7db7fd
```
#7db7fd rgb(125,183,253)
```
#7dadfd
```
#7dadfd rgb(125,173,253)
```
#7da2fd
```
#7da2fd rgb(125,162,253)
```
#7d97fd
```
#7d97fd rgb(125,151,253)
```
#7d8dfd
```
#7d8dfd rgb(125,141,253)
```
#7d82fd
```
#7d82fd rgb(125,130,253)
```

Similar Colors

Text with hexadecimal color #7da2fd

This text has a font color of #7da2fd.

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

#7da2fd background color

This paragraph has a background color of #7da2fd.

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

#7da2fd border color

This element has a border color of #7da2fd.

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

CSS codes

.text {color:#7da2fd;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000719
```
#000719 rgb(0,7,25)
```
#010d2c
```
#010d2c rgb(1,13,44)
```
#01133f
```
#01133f rgb(1,19,63)
```
#011953
```
#011953 rgb(1,25,83)
```
#021f66
```
#021f66 rgb(2,31,102)
```
#022479
```
#022479 rgb(2,36,121)
```
#022a8c
```
#022a8c rgb(2,42,140)
```
#0230a0
```
#0230a0 rgb(2,48,160)
```
#0336b3
```
#0336b3 rgb(3,54,179)
```
#033cc6
```
#033cc6 rgb(3,60,198)
```
#0341da
```
#0341da rgb(3,65,218)
```
#0447ed
```
#0447ed rgb(4,71,237)
```

Shade Color Variation

#094ffb
```
#094ffb rgb(9,79,251)
```
#1c5dfc
```
#1c5dfc rgb(28,93,252)
```
#306bfc
```
#306bfc rgb(48,107,252)
```
#4379fc
```
#4379fc rgb(67,121,252)
```
#5686fc
```
#5686fc rgb(86,134,252)
```
#6a94fd
```
#6a94fd rgb(106,148,253)
```
#7da2fd
```
#7da2fd rgb(125,162,253)
```
#90b0fd
```
#90b0fd rgb(144,176,253)
```
#a4befe
```
#a4befe rgb(164,190,254)
```
#b7cbfe
```
#b7cbfe rgb(183,203,254)
```
#cad9fe
```
#cad9fe rgb(202,217,254)
```
#dee7fe
```
#dee7fe rgb(222,231,254)
```
#f1f5ff
```
#f1f5ff rgb(241,245,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 #7da2fd is the most saturated one.

#babcc0
```
#babcc0 rgb(186,188,192)
```
#b5bac5
```
#b5bac5 rgb(181,186,197)
```
#b0b7ca
```
#b0b7ca rgb(176,183,202)
```
#abb5cf
```
#abb5cf rgb(171,181,207)
```
#a6b3d4
```
#a6b3d4 rgb(166,179,212)
```
#a1b1d9
```
#a1b1d9 rgb(161,177,217)
```
#9bafdf
```
#9bafdf rgb(155,175,223)
```
#96ade4
```
#96ade4 rgb(150,173,228)
```
#91abe9
```
#91abe9 rgb(145,171,233)
```
#8ca8ee
```
#8ca8ee rgb(140,168,238)
```
#87a6f3
```
#87a6f3 rgb(135,166,243)
```
#82a4f8
```
#82a4f8 rgb(130,164,248)
```
#7da2fd
```
#7da2fd rgb(125,162,253)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9aa1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a6fc Protanopia 1% of men
#79a8fc Deuteranopia 1% of men
#6ab3c1 Tritanopia 0.001% of the population

Trichromacy

#83a4fc Protanomaly 1% of men, 0.01% of women
#7aa6fc Deuteranomaly 6% of men, 0.4% of women
#71add6 Tritanomaly 0.01% of the population

#7da2fd hex color

#7da2fd Color Information

#7da2fd Color Conversion

Color Schemes with #7da2fd

Alternatives to #7da2fd

#7da2fd Preview

Shades and Tints of #7da2fd

Tones of #7da2fd

Color Blindness Simulator