#7da4ed hex color

In a RGB color space, hex #7da4ed is composed of 49% red, 64.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 30.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 219.1 degrees, a saturation of 75.7% and a lightness of 71%. #7da4ed color hex could be obtained by blending #faffff with #0049db. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 64
- B 93
RGB color chart
- C 47
- M 31
- Y 0
- K 7
CMYK color chart

● #7da4ed color description : Soft blue.

The hexadecimal color #7da4ed has RGB values of R:125, G:164, B:237 and CMYK values of C:0.47, M:0.31, Y:0, K:0.07. Its decimal value is 8234221.

Hex triplet	7da4ed	`#7da4ed`
RGB Decimal	125, 164, 237	`rgb(125,164,237)`
RGB Percent	49, 64.3, 92.9	`rgb(49%,64.3%,92.9%)`
CMYK	47, 31, 0, 7
HSL	219.1°, 75.7, 71	`hsl(219.1,75.7%,71%)`
HSV (or HSB)	219.1°, 47.3, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.295, 6.105, -40.768
XYZ	37.016, 37.024, 85.312
xyY	0.232, 0.232, 37.024
CIE-LCH	67.295, 41.223, 278.516
CIE-LUV	67.295, -20.384, -66.083
Hunter-Lab	60.847, 2.106, -40.536
Binary	01111101, 10100100, 11101101

#7da4ed
```
#7da4ed rgb(125,164,237)
```
#edc67d
```
#edc67d rgb(237,198,125)
```

Complementary Color

#7ddced
```
#7ddced rgb(125,220,237)
```
#7da4ed
```
#7da4ed rgb(125,164,237)
```
#8e7ded
```
#8e7ded rgb(142,125,237)
```

Analogous Color

#dced7d
```
#dced7d rgb(220,237,125)
```
#7da4ed
```
#7da4ed rgb(125,164,237)
```
#ed8e7d
```
#ed8e7d rgb(237,142,125)
```

Split Complementary Color

#a4ed7d
```
#a4ed7d rgb(164,237,125)
```
#7da4ed
```
#7da4ed rgb(125,164,237)
```
#ed7da4
```
#ed7da4 rgb(237,125,164)
```

Triadic Color

#7dedc6
```
#7dedc6 rgb(125,237,198)
```
#7da4ed
```
#7da4ed rgb(125,164,237)
```
#ed7da4
```
#ed7da4 rgb(237,125,164)
```
#edc67d
```
#edc67d rgb(237,198,125)
```

Tetradic Color

#3a75e4
```
#3a75e4 rgb(58,117,228)
```
#5085e7
```
#5085e7 rgb(80,133,231)
```
#6794ea
```
#6794ea rgb(103,148,234)
```
#7da4ed
```
#7da4ed rgb(125,164,237)
```
#93b4f0
```
#93b4f0 rgb(147,180,240)
```
#aac3f3
```
#aac3f3 rgb(170,195,243)
```
#c0d3f6
```
#c0d3f6 rgb(192,211,246)
```

Monochromatic Color

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

#7dc0ed
```
#7dc0ed rgb(125,192,237)
```
#7db7ed
```
#7db7ed rgb(125,183,237)
```
#7daded
```
#7daded rgb(125,173,237)
```
#7da4ed
```
#7da4ed rgb(125,164,237)
```
#7d9bed
```
#7d9bed rgb(125,155,237)
```
#7d91ed
```
#7d91ed rgb(125,145,237)
```
#7d88ed
```
#7d88ed rgb(125,136,237)
```

Similar Colors

Text with hexadecimal color #7da4ed

This text has a font color of #7da4ed.

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

#7da4ed background color

This paragraph has a background color of #7da4ed.

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

#7da4ed border color

This element has a border color of #7da4ed.

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

CSS codes

.text {color:#7da4ed;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#030b19
```
#030b19 rgb(3,11,25)
```
#06132a
```
#06132a rgb(6,19,42)
```
#081a3c
```
#081a3c rgb(8,26,60)
```
#0b224d
```
#0b224d rgb(11,34,77)
```
#0d295e
```
#0d295e rgb(13,41,94)
```
#0f316f
```
#0f316f rgb(15,49,111)
```
#123880
```
#123880 rgb(18,56,128)
```
#144092
```
#144092 rgb(20,64,146)
```
#1747a3
```
#1747a3 rgb(23,71,163)
```
#194fb4
```
#194fb4 rgb(25,79,180)
```
#1b57c5
```
#1b57c5 rgb(27,87,197)
```
#1e5ed7
```
#1e5ed7 rgb(30,94,215)
```

Shade Color Variation

#2768e1
```
#2768e1 rgb(39,104,225)
```
#3874e3
```
#3874e3 rgb(56,116,227)
```
#4980e6
```
#4980e6 rgb(73,128,230)
```
#5b8ce8
```
#5b8ce8 rgb(91,140,232)
```
#6c98eb
```
#6c98eb rgb(108,152,235)
```
#7da4ed
```
#7da4ed rgb(125,164,237)
```
#8eb0ef
```
#8eb0ef rgb(142,176,239)
```
#9fbcf2
```
#9fbcf2 rgb(159,188,242)
```
#b1c8f4
```
#b1c8f4 rgb(177,200,244)
```
#c2d4f7
```
#c2d4f7 rgb(194,212,247)
```
#d3e0f9
```
#d3e0f9 rgb(211,224,249)
```
#e4ecfb
```
#e4ecfb rgb(228,236,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#b0b4ba
```
#b0b4ba rgb(176,180,186)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#a5b0c5
```
#a5b0c5 rgb(165,176,197)
```
#9faecb
```
#9faecb rgb(159,174,203)
```
#99add1
```
#99add1 rgb(153,173,209)
```
#94abd6
```
#94abd6 rgb(148,171,214)
```
#8ea9dc
```
#8ea9dc rgb(142,169,220)
```
#88a7e2
```
#88a7e2 rgb(136,167,226)
```
#83a6e7
```
#83a6e7 rgb(131,166,231)
```
#7da4ed
```
#7da4ed rgb(125,164,237)
```
#77a2f3
```
#77a2f3 rgb(119,162,243)
```
#72a1f8
```
#72a1f8 rgb(114,161,248)
```
#6c9ffe
```
#6c9ffe rgb(108,159,254)
```

Tone Color Variation

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

Dichromacy

#90a6ec Protanopia 1% of men
#88a7ee Deuteranopia 1% of men
#71b2bf Tritanopia 0.001% of the population

Trichromacy

#89a5ec Protanomaly 1% of men, 0.01% of women
#84a6ed Deuteranomaly 6% of men, 0.4% of women
#75adcf Tritanomaly 0.01% of the population

#7da4ed hex color

#7da4ed Color Information

#7da4ed Color Conversion

Color Schemes with #7da4ed

Alternatives to #7da4ed

#7da4ed Preview

Shades and Tints of #7da4ed

Tones of #7da4ed

Color Blindness Simulator