#7dace9 hex color

In a RGB color space, hex #7dace9 is composed of 49% red, 67.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 26.2% magenta, 0% yellow and 8.6% black. It has a hue angle of 213.9 degrees, a saturation of 71.1% and a lightness of 70.2%. #7dace9 color hex could be obtained by blending #faffff with #0059d3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 67
- B 91
RGB color chart
- C 46
- M 26
- Y 0
- K 9
CMYK color chart

● #7dace9 color description : Soft blue.

The hexadecimal color #7dace9 has RGB values of R:125, G:172, B:233 and CMYK values of C:0.46, M:0.26, Y:0, K:0.09. Its decimal value is 8236265.

Hex triplet	7dace9	`#7dace9`
RGB Decimal	125, 172, 233	`rgb(125,172,233)`
RGB Percent	49, 67.5, 91.4	`rgb(49%,67.5%,91.4%)`
CMYK	46, 26, 0, 9
HSL	213.9°, 71.1, 70.2	`hsl(213.9,71.1%,70.2%)`
HSV (or HSB)	213.9°, 46.4, 91.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.289, 0.443, -35.474
XYZ	37.915, 39.746, 82.76
xyY	0.236, 0.248, 39.746
CIE-LCH	69.289, 35.476, 270.716
CIE-LUV	69.289, -23.391, -56.694
Hunter-Lab	63.045, -2.98, -33.7
Binary	01111101, 10101100, 11101001

#7dace9
```
#7dace9 rgb(125,172,233)
```
#e9ba7d
```
#e9ba7d rgb(233,186,125)
```

Complementary Color

#7de2e9
```
#7de2e9 rgb(125,226,233)
```
#7dace9
```
#7dace9 rgb(125,172,233)
```
#847de9
```
#847de9 rgb(132,125,233)
```

Analogous Color

#e2e97d
```
#e2e97d rgb(226,233,125)
```
#7dace9
```
#7dace9 rgb(125,172,233)
```
#e9847d
```
#e9847d rgb(233,132,125)
```

Split Complementary Color

#ace97d
```
#ace97d rgb(172,233,125)
```
#7dace9
```
#7dace9 rgb(125,172,233)
```
#e97dac
```
#e97dac rgb(233,125,172)
```

Triadic Color

#7de9ba
```
#7de9ba rgb(125,233,186)
```
#7dace9
```
#7dace9 rgb(125,172,233)
```
#e97dac
```
#e97dac rgb(233,125,172)
```
#e9ba7d
```
#e9ba7d rgb(233,186,125)
```

Tetradic Color

#3c82de
```
#3c82de rgb(60,130,222)
```
#5190e2
```
#5190e2 rgb(81,144,226)
```
#679ee5
```
#679ee5 rgb(103,158,229)
```
#7dace9
```
#7dace9 rgb(125,172,233)
```
#93baed
```
#93baed rgb(147,186,237)
```
#a9c8f0
```
#a9c8f0 rgb(169,200,240)
```
#bed6f4
```
#bed6f4 rgb(190,214,244)
```

Monochromatic Color

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

#7dc7e9
```
#7dc7e9 rgb(125,199,233)
```
#7dbee9
```
#7dbee9 rgb(125,190,233)
```
#7db5e9
```
#7db5e9 rgb(125,181,233)
```
#7dace9
```
#7dace9 rgb(125,172,233)
```
#7da3e9
```
#7da3e9 rgb(125,163,233)
```
#7d9ae9
```
#7d9ae9 rgb(125,154,233)
```
#7d91e9
```
#7d91e9 rgb(125,145,233)
```

Similar Colors

Text with hexadecimal color #7dace9

This text has a font color of #7dace9.

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

#7dace9 background color

This paragraph has a background color of #7dace9.

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

#7dace9 border color

This element has a border color of #7dace9.

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

CSS codes

.text {color:#7dace9;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040b15
```
#040b15 rgb(4,11,21)
```
#061426
```
#061426 rgb(6,20,38)
```
#091d37
```
#091d37 rgb(9,29,55)
```
#0c2647
```
#0c2647 rgb(12,38,71)
```
#0f2f58
```
#0f2f58 rgb(15,47,88)
```
#123869
```
#123869 rgb(18,56,105)
```
#15417a
```
#15417a rgb(21,65,122)
```
#17498a
```
#17498a rgb(23,73,138)
```
#1a529b
```
#1a529b rgb(26,82,155)
```
#1d5bac
```
#1d5bac rgb(29,91,172)
```
#2064bd
```
#2064bd rgb(32,100,189)
```
#236dce
```
#236dce rgb(35,109,206)
```

Shade Color Variation

#2976db
```
#2976db rgb(41,118,219)
```
#3a81de
```
#3a81de rgb(58,129,222)
```
#4b8ce0
```
#4b8ce0 rgb(75,140,224)
```
#5b97e3
```
#5b97e3 rgb(91,151,227)
```
#6ca1e6
```
#6ca1e6 rgb(108,161,230)
```
#7dace9
```
#7dace9 rgb(125,172,233)
```
#8eb7ec
```
#8eb7ec rgb(142,183,236)
```
#9fc1ef
```
#9fc1ef rgb(159,193,239)
```
#afccf2
```
#afccf2 rgb(175,204,242)
```
#c0d7f4
```
#c0d7f4 rgb(192,215,244)
```
#d1e2f7
```
#d1e2f7 rgb(209,226,247)
```
#e2ecfa
```
#e2ecfa rgb(226,236,250)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

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

#b2b3b4
```
#b2b3b4 rgb(178,179,180)
```
#acb2ba
```
#acb2ba rgb(172,178,186)
```
#a6b1c0
```
#a6b1c0 rgb(166,177,192)
```
#a0b1c6
```
#a0b1c6 rgb(160,177,198)
```
#9ab0cc
```
#9ab0cc rgb(154,176,204)
```
#94afd2
```
#94afd2 rgb(148,175,210)
```
#8faed7
```
#8faed7 rgb(143,174,215)
```
#89aedd
```
#89aedd rgb(137,174,221)
```
#83ade3
```
#83ade3 rgb(131,173,227)
```
#7dace9
```
#7dace9 rgb(125,172,233)
```
#77abef
```
#77abef rgb(119,171,239)
```
#71aaf5
```
#71aaf5 rgb(113,170,245)
```
#6baafb
```
#6baafb rgb(107,170,251)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9da6b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9babe6 Protanopia 1% of men
#96abeb Deuteranopia 1% of men
#75b7c5 Tritanopia 0.001% of the population

Trichromacy

#90abe7 Protanomaly 1% of men, 0.01% of women
#8dabea Deuteranomaly 6% of men, 0.4% of women
#78b3d2 Tritanomaly 0.01% of the population

#7dace9 hex color

#7dace9 Color Information

#7dace9 Color Conversion

Color Schemes with #7dace9

Alternatives to #7dace9

#7dace9 Preview

Shades and Tints of #7dace9

Tones of #7dace9

Color Blindness Simulator