#7ac3dc hex color

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

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

● #7ac3dc color description : Very soft blue.

The hexadecimal color #7ac3dc has RGB values of R:122, G:195, B:220 and CMYK values of C:0.45, M:0.11, Y:0, K:0.14. Its decimal value is 8045532.

Hex triplet	7ac3dc	`#7ac3dc`
RGB Decimal	122, 195, 220	`rgb(122,195,220)`
RGB Percent	47.8, 76.5, 86.3	`rgb(47.8%,76.5%,86.3%)`
CMYK	45, 11, 0, 14
HSL	195.3°, 58.3, 67.1	`hsl(195.3,58.3%,67.1%)`
HSV (or HSB)	195.3°, 44.5, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.034, -16.276, -19.598
XYZ	40.456, 48.333, 74.904
xyY	0.247, 0.295, 48.333
CIE-LCH	75.034, 25.476, 230.29
CIE-LUV	75.034, -33.562, -28.305
Hunter-Lab	69.522, -17.79, -15.214
Binary	01111010, 11000011, 11011100

#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#dc937a
```
#dc937a rgb(220,147,122)
```

Complementary Color

#7adcc4
```
#7adcc4 rgb(122,220,196)
```
#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#7a92dc
```
#7a92dc rgb(122,146,220)
```

Analogous Color

#dcc47a
```
#dcc47a rgb(220,196,122)
```
#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#dc7a92
```
#dc7a92 rgb(220,122,146)
```

Split Complementary Color

#c3dc7a
```
#c3dc7a rgb(195,220,122)
```
#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#dc7ac3
```
#dc7ac3 rgb(220,122,195)
```

Triadic Color

#7adc93
```
#7adc93 rgb(122,220,147)
```
#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#dc7ac3
```
#dc7ac3 rgb(220,122,195)
```
#dc937a
```
#dc937a rgb(220,147,122)
```

Tetradic Color

#3da8cc
```
#3da8cc rgb(61,168,204)
```
#52b1d1
```
#52b1d1 rgb(82,177,209)
```
#66bad7
```
#66bad7 rgb(102,186,215)
```
#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#8ecce1
```
#8ecce1 rgb(142,204,225)
```
#a2d5e7
```
#a2d5e7 rgb(162,213,231)
```
#b7deec
```
#b7deec rgb(183,222,236)
```

Monochromatic Color

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

#7adcdc
```
#7adcdc rgb(122,220,220)
```
#7ad3dc
```
#7ad3dc rgb(122,211,220)
```
#7acbdc
```
#7acbdc rgb(122,203,220)
```
#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#7abbdc
```
#7abbdc rgb(122,187,220)
```
#7ab3dc
```
#7ab3dc rgb(122,179,220)
```
#7aabdc
```
#7aabdc rgb(122,171,220)
```

Similar Colors

Text with hexadecimal color #7ac3dc

This text has a font color of #7ac3dc.

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

#7ac3dc background color

This paragraph has a background color of #7ac3dc.

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

#7ac3dc border color

This element has a border color of #7ac3dc.

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

CSS codes

.text {color:#7ac3dc;}

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

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

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)
```
#0a1f26
```
#0a1f26 rgb(10,31,38)
```
#0e2b35
```
#0e2b35 rgb(14,43,53)
```
#123845
```
#123845 rgb(18,56,69)
```
#164554
```
#164554 rgb(22,69,84)
```
#1a5164
```
#1a5164 rgb(26,81,100)
```
#1e5e73
```
#1e5e73 rgb(30,94,115)
```
#226a83
```
#226a83 rgb(34,106,131)
```
#277793
```
#277793 rgb(39,119,147)
```
#2b84a2
```
#2b84a2 rgb(43,132,162)
```
#2f90b2
```
#2f90b2 rgb(47,144,178)
```
#339dc1
```
#339dc1 rgb(51,157,193)
```

Shade Color Variation

#3ca7cc
```
#3ca7cc rgb(60,167,204)
```
#4baed0
```
#4baed0 rgb(75,174,208)
```
#5bb5d4
```
#5bb5d4 rgb(91,181,212)
```
#6abcd8
```
#6abcd8 rgb(106,188,216)
```
#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#8acae0
```
#8acae0 rgb(138,202,224)
```
#99d1e4
```
#99d1e4 rgb(153,209,228)
```
#a9d8e8
```
#a9d8e8 rgb(169,216,232)
```
#b8dfec
```
#b8dfec rgb(184,223,236)
```
#c8e6f0
```
#c8e6f0 rgb(200,230,240)
```
#d7edf5
```
#d7edf5 rgb(215,237,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 #5ad3fc is the most saturated one.

#a7adaf
```
#a7adaf rgb(167,173,175)
```
#a1b0b5
```
#a1b0b5 rgb(161,176,181)
```
#9ab3bc
```
#9ab3bc rgb(154,179,188)
```
#94b6c2
```
#94b6c2 rgb(148,182,194)
```
#8dbac9
```
#8dbac9 rgb(141,186,201)
```
#87bdcf
```
#87bdcf rgb(135,189,207)
```
#80c0d6
```
#80c0d6 rgb(128,192,214)
```
#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#74c6e2
```
#74c6e2 rgb(116,198,226)
```
#6dc9e9
```
#6dc9e9 rgb(109,201,233)
```
#67ccef
```
#67ccef rgb(103,204,239)
```
#60d0f6
```
#60d0f6 rgb(96,208,246)
```
#5ad3fc
```
#5ad3fc rgb(90,211,252)
```

Tone Color Variation

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

#b6bad7 Protanopia 1% of men
#b9b8e2 Deuteranopia 1% of men
#7ec7d6 Tritanopia 0.001% of the population

Trichromacy

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

#7ac3dc hex color

#7ac3dc Color Information

#7ac3dc Color Conversion

Color Schemes with #7ac3dc

Alternatives to #7ac3dc

#7ac3dc Preview

Shades and Tints of #7ac3dc

Tones of #7ac3dc

Color Blindness Simulator