#7da2dd hex color

In a RGB color space, hex #7da2dd is composed of 49% red, 63.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 26.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 216.9 degrees, a saturation of 58.5% and a lightness of 67.8%. #7da2dd color hex could be obtained by blending #faffff with #0045bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 64
- B 87
RGB color chart
- C 43
- M 27
- Y 0
- K 13
CMYK color chart

● #7da2dd color description : Very soft blue.

The hexadecimal color #7da2dd has RGB values of R:125, G:162, B:221 and CMYK values of C:0.43, M:0.27, Y:0, K:0.13. Its decimal value is 8233693.

Hex triplet	7da2dd	`#7da2dd`
RGB Decimal	125, 162, 221	`rgb(125,162,221)`
RGB Percent	49, 63.5, 86.7	`rgb(49%,63.5%,86.7%)`
CMYK	43, 27, 0, 13
HSL	216.9°, 58.5, 67.8	`hsl(216.9,58.5%,67.8%)`
HSV (or HSB)	216.9°, 43.4, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.074, 2.645, -33.878
XYZ	34.426, 35.42, 73.425
xyY	0.24, 0.247, 35.42
CIE-LCH	66.074, 33.981, 274.464
CIE-LUV	66.074, -19.45, -53.914
Hunter-Lab	59.514, -0.897, -31.488
Binary	01111101, 10100010, 11011101

#7da2dd
```
#7da2dd rgb(125,162,221)
```
#ddb87d
```
#ddb87d rgb(221,184,125)
```

Complementary Color

#7dd2dd
```
#7dd2dd rgb(125,210,221)
```
#7da2dd
```
#7da2dd rgb(125,162,221)
```
#887ddd
```
#887ddd rgb(136,125,221)
```

Analogous Color

#d2dd7d
```
#d2dd7d rgb(210,221,125)
```
#7da2dd
```
#7da2dd rgb(125,162,221)
```
#dd887d
```
#dd887d rgb(221,136,125)
```

Split Complementary Color

#a2dd7d
```
#a2dd7d rgb(162,221,125)
```
#7da2dd
```
#7da2dd rgb(125,162,221)
```
#dd7da2
```
#dd7da2 rgb(221,125,162)
```

Triadic Color

#7dddb8
```
#7dddb8 rgb(125,221,184)
```
#7da2dd
```
#7da2dd rgb(125,162,221)
```
#dd7da2
```
#dd7da2 rgb(221,125,162)
```
#ddb87d
```
#ddb87d rgb(221,184,125)
```

Tetradic Color

#4077cd
```
#4077cd rgb(64,119,205)
```
#5585d2
```
#5585d2 rgb(85,133,210)
```
#6994d8
```
#6994d8 rgb(105,148,216)
```
#7da2dd
```
#7da2dd rgb(125,162,221)
```
#91b0e2
```
#91b0e2 rgb(145,176,226)
```
#a5bfe8
```
#a5bfe8 rgb(165,191,232)
```
#bacded
```
#bacded rgb(186,205,237)
```

Monochromatic Color

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

#7dbadd
```
#7dbadd rgb(125,186,221)
```
#7db2dd
```
#7db2dd rgb(125,178,221)
```
#7daadd
```
#7daadd rgb(125,170,221)
```
#7da2dd
```
#7da2dd rgb(125,162,221)
```
#7d9add
```
#7d9add rgb(125,154,221)
```
#7d92dd
```
#7d92dd rgb(125,146,221)
```
#7d8add
```
#7d8add rgb(125,138,221)
```

Similar Colors

Text with hexadecimal color #7da2dd

This text has a font color of #7da2dd.

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

#7da2dd background color

This paragraph has a background color of #7da2dd.

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

#7da2dd border color

This element has a border color of #7da2dd.

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

CSS codes

.text {color:#7da2dd;}

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

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

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

#03050a
```
#03050a rgb(3,5,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0b1629
```
#0b1629 rgb(11,22,41)
```
#0f1f39
```
#0f1f39 rgb(15,31,57)
```
#132748
```
#132748 rgb(19,39,72)
```
#173058
```
#173058 rgb(23,48,88)
```
#1b3867
```
#1b3867 rgb(27,56,103)
```
#1f4177
```
#1f4177 rgb(31,65,119)
```
#234986
```
#234986 rgb(35,73,134)
```
#275296
```
#275296 rgb(39,82,150)
```
#2b5aa5
```
#2b5aa5 rgb(43,90,165)
```
#2f63b5
```
#2f63b5 rgb(47,99,181)
```
#336bc5
```
#336bc5 rgb(51,107,197)
```

Shade Color Variation

#3f76cd
```
#3f76cd rgb(63,118,205)
```
#4e81d1
```
#4e81d1 rgb(78,129,209)
```
#5e8cd5
```
#5e8cd5 rgb(94,140,213)
```
#6d97d9
```
#6d97d9 rgb(109,151,217)
```
#7da2dd
```
#7da2dd rgb(125,162,221)
```
#8dade1
```
#8dade1 rgb(141,173,225)
```
#9cb8e5
```
#9cb8e5 rgb(156,184,229)
```
#acc3e9
```
#acc3e9 rgb(172,195,233)
```
#bbceed
```
#bbceed rgb(187,206,237)
```
#cbdaf1
```
#cbdaf1 rgb(203,218,241)
```
#dae5f5
```
#dae5f5 rgb(218,229,245)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#a9acb1
```
#a9acb1 rgb(169,172,177)
```
#a3abb7
```
#a3abb7 rgb(163,171,183)
```
#9da9bd
```
#9da9bd rgb(157,169,189)
```
#96a8c4
```
#96a8c4 rgb(150,168,196)
```
#90a6ca
```
#90a6ca rgb(144,166,202)
```
#8aa5d0
```
#8aa5d0 rgb(138,165,208)
```
#83a3d7
```
#83a3d7 rgb(131,163,215)
```
#7da2dd
```
#7da2dd rgb(125,162,221)
```
#77a1e3
```
#77a1e3 rgb(119,161,227)
```
#709fea
```
#709fea rgb(112,159,234)
```
#6a9ef0
```
#6a9ef0 rgb(106,158,240)
```
#649cf6
```
#649cf6 rgb(100,156,246)
```
#5d9bfd
```
#5d9bfd rgb(93,155,253)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#979fab Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a3dc Protanopia 1% of men
#90a3df Deuteranopia 1% of men
#77aeba Tritanopia 0.001% of the population

Trichromacy

#8ba2dc Protanomaly 1% of men, 0.01% of women
#89a3de Deuteranomaly 6% of men, 0.4% of women
#79a9c7 Tritanomaly 0.01% of the population

#7da2dd hex color

#7da2dd Color Information

#7da2dd Color Conversion

Color Schemes with #7da2dd

Alternatives to #7da2dd

#7da2dd Preview

Shades and Tints of #7da2dd

Tones of #7da2dd

Color Blindness Simulator