#7ac2dd hex color

In a RGB color space, hex #7ac2dd is composed of 47.8% red, 76.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 12.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 196.4 degrees, a saturation of 59.3% and a lightness of 67.3%. #7ac2dd color hex could be obtained by blending #f4ffff with #0085bb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 76
- B 87
RGB color chart
- C 45
- M 12
- Y 0
- K 13
CMYK color chart

● #7ac2dd color description : Very soft blue.

The hexadecimal color #7ac2dd has RGB values of R:122, G:194, B:221 and CMYK values of C:0.45, M:0.12, Y:0, K:0.13. Its decimal value is 8045277.

Hex triplet	7ac2dd	`#7ac2dd`
RGB Decimal	122, 194, 221	`rgb(122,194,221)`
RGB Percent	47.8, 76.1, 86.7	`rgb(47.8%,76.1%,86.7%)`
CMYK	45, 12, 0, 13
HSL	196.4°, 59.3, 67.3	`hsl(196.4,59.3%,67.3%)`
HSV (or HSB)	196.4°, 44.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.787, -15.489, -20.515
XYZ	40.366, 47.939, 75.529
xyY	0.246, 0.293, 47.939
CIE-LCH	74.787, 25.706, 232.947
CIE-LUV	74.787, -33.145, -29.92
Hunter-Lab	69.238, -17.102, -16.21
Binary	01111010, 11000010, 11011101

#7ac2dd
```
#7ac2dd rgb(122,194,221)
```
#dd957a
```
#dd957a rgb(221,149,122)
```

Complementary Color

#7addc7
```
#7addc7 rgb(122,221,199)
```
#7ac2dd
```
#7ac2dd rgb(122,194,221)
```
#7a91dd
```
#7a91dd rgb(122,145,221)
```

Analogous Color

#ddc77a
```
#ddc77a rgb(221,199,122)
```
#7ac2dd
```
#7ac2dd rgb(122,194,221)
```
#dd7a91
```
#dd7a91 rgb(221,122,145)
```

Split Complementary Color

#c2dd7a
```
#c2dd7a rgb(194,221,122)
```
#7ac2dd
```
#7ac2dd rgb(122,194,221)
```
#dd7ac2
```
#dd7ac2 rgb(221,122,194)
```

Triadic Color

#7add95
```
#7add95 rgb(122,221,149)
```
#7ac2dd
```
#7ac2dd rgb(122,194,221)
```
#dd7ac2
```
#dd7ac2 rgb(221,122,194)
```
#dd957a
```
#dd957a rgb(221,149,122)
```

Tetradic Color

#3da6cd
```
#3da6cd rgb(61,166,205)
```
#51afd3
```
#51afd3 rgb(81,175,211)
```
#66b9d8
```
#66b9d8 rgb(102,185,216)
```
#7ac2dd
```
#7ac2dd rgb(122,194,221)
```
#8ecbe2
```
#8ecbe2 rgb(142,203,226)
```
#a3d5e7
```
#a3d5e7 rgb(163,213,231)
```
#b7deed
```
#b7deed rgb(183,222,237)
```

Monochromatic Color

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

#7adbdd
```
#7adbdd rgb(122,219,221)
```
#7ad3dd
```
#7ad3dd rgb(122,211,221)
```
#7acadd
```
#7acadd rgb(122,202,221)
```
#7ac2dd
```
#7ac2dd rgb(122,194,221)
```
#7abadd
```
#7abadd rgb(122,186,221)
```
#7ab2dd
```
#7ab2dd rgb(122,178,221)
```
#7aa9dd
```
#7aa9dd rgb(122,169,221)
```

Similar Colors

Text with hexadecimal color #7ac2dd

This text has a font color of #7ac2dd.

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

#7ac2dd background color

This paragraph has a background color of #7ac2dd.

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

#7ac2dd border color

This element has a border color of #7ac2dd.

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

CSS codes

.text {color:#7ac2dd;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#061317
```
#061317 rgb(6,19,23)
```
#0a1f27
```
#0a1f27 rgb(10,31,39)
```
#0e2b36
```
#0e2b36 rgb(14,43,54)
```
#123846
```
#123846 rgb(18,56,70)
```
#164456
```
#164456 rgb(22,68,86)
```
#1a5165
```
#1a5165 rgb(26,81,101)
```
#1e5d75
```
#1e5d75 rgb(30,93,117)
```
#226a85
```
#226a85 rgb(34,106,133)
```
#267694
```
#267694 rgb(38,118,148)
```
#2a83a4
```
#2a83a4 rgb(42,131,164)
```
#2e8fb3
```
#2e8fb3 rgb(46,143,179)
```
#329bc3
```
#329bc3 rgb(50,155,195)
```

Shade Color Variation

#3ca5cd
```
#3ca5cd rgb(60,165,205)
```
#4badd1
```
#4badd1 rgb(75,173,209)
```
#5bb4d5
```
#5bb4d5 rgb(91,180,213)
```
#6abbd9
```
#6abbd9 rgb(106,187,217)
```
#7ac2dd
```
#7ac2dd rgb(122,194,221)
```
#8ac9e1
```
#8ac9e1 rgb(138,201,225)
```
#99d0e5
```
#99d0e5 rgb(153,208,229)
```
#a9d7e9
```
#a9d7e9 rgb(169,215,233)
```
#b8dfed
```
#b8dfed rgb(184,223,237)
```
#c8e6f1
```
#c8e6f1 rgb(200,230,241)
```
#d8edf5
```
#d8edf5 rgb(216,237,245)
```
#e7f4f9
```
#e7f4f9 rgb(231,244,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#a7aeb0
```
#a7aeb0 rgb(167,174,176)
```
#a1b0b6
```
#a1b0b6 rgb(161,176,182)
```
#9ab3bd
```
#9ab3bd rgb(154,179,189)
```
#94b6c3
```
#94b6c3 rgb(148,182,195)
```
#8db9ca
```
#8db9ca rgb(141,185,202)
```
#87bcd0
```
#87bcd0 rgb(135,188,208)
```
#80bfd7
```
#80bfd7 rgb(128,191,215)
```
#7ac2dd
```
#7ac2dd rgb(122,194,221)
```
#74c5e3
```
#74c5e3 rgb(116,197,227)
```
#6dc8ea
```
#6dc8ea rgb(109,200,234)
```
#67cbf0
```
#67cbf0 rgb(103,203,240)
```
#60cef7
```
#60cef7 rgb(96,206,247)
```
#5ad1fd
```
#5ad1fd rgb(90,209,253)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a5b4b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bad8 Protanopia 1% of men
#b7b8e3 Deuteranopia 1% of men
#7dc6d5 Tritanopia 0.001% of the population

Trichromacy

#a0bdd9 Protanomaly 1% of men, 0.01% of women
#a1bbe1 Deuteranomaly 6% of men, 0.4% of women
#7cc5d8 Tritanomaly 0.01% of the population

#7ac2dd hex color

#7ac2dd Color Information

#7ac2dd Color Conversion

Color Schemes with #7ac2dd

Alternatives to #7ac2dd

#7ac2dd Preview

Shades and Tints of #7ac2dd

Tones of #7ac2dd

Color Blindness Simulator