#7ac1dc hex color

In a RGB color space, hex #7ac1dc is composed of 47.8% red, 75.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 44.5% cyan, 12.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 196.5 degrees, a saturation of 58.3% and a lightness of 67.1%. #7ac1dc color hex could be obtained by blending #f4ffff with #0083b9. Closest websafe color is: #66cccc.

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

● #7ac1dc color description : Very soft blue.

The hexadecimal color #7ac1dc has RGB values of R:122, G:193, B:220 and CMYK values of C:0.45, M:0.12, Y:0, K:0.14. Its decimal value is 8045020.

Hex triplet	7ac1dc	`#7ac1dc`
RGB Decimal	122, 193, 220	`rgb(122,193,220)`
RGB Percent	47.8, 75.7, 86.3	`rgb(47.8%,75.7%,86.3%)`
CMYK	45, 12, 0, 14
HSL	196.5°, 58.3, 67.1	`hsl(196.5,58.3%,67.1%)`
HSV (or HSB)	196.5°, 44.5, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.472, -15.237, -20.451
XYZ	40.011, 47.443, 74.755
xyY	0.247, 0.292, 47.443
CIE-LCH	74.472, 25.503, 233.313
CIE-LUV	74.472, -32.768, -29.834
Hunter-Lab	68.879, -16.848, -16.133
Binary	01111010, 11000001, 11011100

#7ac1dc
```
#7ac1dc rgb(122,193,220)
```
#dc957a
```
#dc957a rgb(220,149,122)
```

Complementary Color

#7adcc6
```
#7adcc6 rgb(122,220,198)
```
#7ac1dc
```
#7ac1dc rgb(122,193,220)
```
#7a90dc
```
#7a90dc rgb(122,144,220)
```

Analogous Color

#dcc67a
```
#dcc67a rgb(220,198,122)
```
#7ac1dc
```
#7ac1dc rgb(122,193,220)
```
#dc7a90
```
#dc7a90 rgb(220,122,144)
```

Split Complementary Color

#c1dc7a
```
#c1dc7a rgb(193,220,122)
```
#7ac1dc
```
#7ac1dc rgb(122,193,220)
```
#dc7ac1
```
#dc7ac1 rgb(220,122,193)
```

Triadic Color

#7adc95
```
#7adc95 rgb(122,220,149)
```
#7ac1dc
```
#7ac1dc rgb(122,193,220)
```
#dc7ac1
```
#dc7ac1 rgb(220,122,193)
```
#dc957a
```
#dc957a rgb(220,149,122)
```

Tetradic Color

#3da5cc
```
#3da5cc rgb(61,165,204)
```
#52aed1
```
#52aed1 rgb(82,174,209)
```
#66b8d7
```
#66b8d7 rgb(102,184,215)
```
#7ac1dc
```
#7ac1dc rgb(122,193,220)
```
#8ecae1
```
#8ecae1 rgb(142,202,225)
```
#a2d4e7
```
#a2d4e7 rgb(162,212,231)
```
#b7ddec
```
#b7ddec rgb(183,221,236)
```

Monochromatic Color

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

#7adadc
```
#7adadc rgb(122,218,220)
```
#7ad1dc
```
#7ad1dc rgb(122,209,220)
```
#7ac9dc
```
#7ac9dc rgb(122,201,220)
```
#7ac1dc
```
#7ac1dc rgb(122,193,220)
```
#7ab9dc
```
#7ab9dc rgb(122,185,220)
```
#7ab1dc
```
#7ab1dc rgb(122,177,220)
```
#7aa9dc
```
#7aa9dc rgb(122,169,220)
```

Similar Colors

Text with hexadecimal color #7ac1dc

This text has a font color of #7ac1dc.

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

#7ac1dc background color

This paragraph has a background color of #7ac1dc.

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

#7ac1dc border color

This element has a border color of #7ac1dc.

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

CSS codes

.text {color:#7ac1dc;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#061216
```
#061216 rgb(6,18,22)
```
#0a1e26
```
#0a1e26 rgb(10,30,38)
```
#0e2b35
```
#0e2b35 rgb(14,43,53)
```
#123745
```
#123745 rgb(18,55,69)
```
#164354
```
#164354 rgb(22,67,84)
```
#1a5064
```
#1a5064 rgb(26,80,100)
```
#1e5c73
```
#1e5c73 rgb(30,92,115)
```
#226883
```
#226883 rgb(34,104,131)
```
#277593
```
#277593 rgb(39,117,147)
```
#2b81a2
```
#2b81a2 rgb(43,129,162)
```
#2f8eb2
```
#2f8eb2 rgb(47,142,178)
```
#339ac1
```
#339ac1 rgb(51,154,193)
```

Shade Color Variation

#3ca4cc
```
#3ca4cc rgb(60,164,204)
```
#4babd0
```
#4babd0 rgb(75,171,208)
```
#5bb3d4
```
#5bb3d4 rgb(91,179,212)
```
#6abad8
```
#6abad8 rgb(106,186,216)
```
#7ac1dc
```
#7ac1dc rgb(122,193,220)
```
#8ac8e0
```
#8ac8e0 rgb(138,200,224)
```
#99cfe4
```
#99cfe4 rgb(153,207,228)
```
#a9d7e8
```
#a9d7e8 rgb(169,215,232)
```
#b8deec
```
#b8deec rgb(184,222,236)
```
#c8e5f0
```
#c8e5f0 rgb(200,229,240)
```
#d7ecf5
```
#d7ecf5 rgb(215,236,245)
```
#e7f4f9
```
#e7f4f9 rgb(231,244,249)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#a7adaf
```
#a7adaf rgb(167,173,175)
```
#a1b0b5
```
#a1b0b5 rgb(161,176,181)
```
#9ab2bc
```
#9ab2bc rgb(154,178,188)
```
#94b5c2
```
#94b5c2 rgb(148,181,194)
```
#8db8c9
```
#8db8c9 rgb(141,184,201)
```
#87bbcf
```
#87bbcf rgb(135,187,207)
```
#80bed6
```
#80bed6 rgb(128,190,214)
```
#7ac1dc
```
#7ac1dc rgb(122,193,220)
```
#74c4e2
```
#74c4e2 rgb(116,196,226)
```
#6dc7e9
```
#6dc7e9 rgb(109,199,233)
```
#67caef
```
#67caef rgb(103,202,239)
```
#60cdf6
```
#60cdf6 rgb(96,205,246)
```
#5ad0fc
```
#5ad0fc rgb(90,208,252)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a4b3b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b9d7 Protanopia 1% of men
#b7b7e2 Deuteranopia 1% of men
#7dc5d4 Tritanopia 0.001% of the population

Trichromacy

#9fbcd8 Protanomaly 1% of men, 0.01% of women
#a0bae0 Deuteranomaly 6% of men, 0.4% of women
#7cc4d7 Tritanomaly 0.01% of the population

#7ac1dc hex color

#7ac1dc Color Information

#7ac1dc Color Conversion

Color Schemes with #7ac1dc

Alternatives to #7ac1dc

#7ac1dc Preview

Shades and Tints of #7ac1dc

Tones of #7ac1dc

Color Blindness Simulator