#7ac2de hex color

In a RGB color space, hex #7ac2de is composed of 47.8% red, 76.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 12.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 196.8 degrees, a saturation of 60.2% and a lightness of 67.5%. #7ac2de color hex could be obtained by blending #f4ffff with #0085bd. Closest websafe color is: #66cccc.

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

● #7ac2de color description : Soft blue.

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

Hex triplet	7ac2de	`#7ac2de`
RGB Decimal	122, 194, 222	`rgb(122,194,222)`
RGB Percent	47.8, 76.1, 87.1	`rgb(47.8%,76.1%,87.1%)`
CMYK	45, 13, 0, 13
HSL	196.8°, 60.2, 67.5	`hsl(196.8,60.2%,67.5%)`
HSV (or HSB)	196.8°, 45, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.82, -15.22, -21.005
XYZ	40.499, 47.993, 76.233
xyY	0.246, 0.291, 47.993
CIE-LCH	74.82, 25.94, 234.073
CIE-LUV	74.82, -33.125, -30.772
Hunter-Lab	69.277, -16.883, -16.749
Binary	01111010, 11000010, 11011110

#7ac2de
```
#7ac2de rgb(122,194,222)
```
#de967a
```
#de967a rgb(222,150,122)
```

Complementary Color

#7adec8
```
#7adec8 rgb(122,222,200)
```
#7ac2de
```
#7ac2de rgb(122,194,222)
```
#7a90de
```
#7a90de rgb(122,144,222)
```

Analogous Color

#dec87a
```
#dec87a rgb(222,200,122)
```
#7ac2de
```
#7ac2de rgb(122,194,222)
```
#de7a90
```
#de7a90 rgb(222,122,144)
```

Split Complementary Color

#c2de7a
```
#c2de7a rgb(194,222,122)
```
#7ac2de
```
#7ac2de rgb(122,194,222)
```
#de7ac2
```
#de7ac2 rgb(222,122,194)
```

Triadic Color

#7ade96
```
#7ade96 rgb(122,222,150)
```
#7ac2de
```
#7ac2de rgb(122,194,222)
```
#de7ac2
```
#de7ac2 rgb(222,122,194)
```
#de967a
```
#de967a rgb(222,150,122)
```

Tetradic Color

#3da6cf
```
#3da6cf rgb(61,166,207)
```
#51afd4
```
#51afd4 rgb(81,175,212)
```
#66b9d9
```
#66b9d9 rgb(102,185,217)
```
#7ac2de
```
#7ac2de rgb(122,194,222)
```
#8ecbe3
```
#8ecbe3 rgb(142,203,227)
```
#a3d5e8
```
#a3d5e8 rgb(163,213,232)
```
#b7deed
```
#b7deed rgb(183,222,237)
```

Monochromatic Color

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

#7adbde
```
#7adbde rgb(122,219,222)
```
#7ad3de
```
#7ad3de rgb(122,211,222)
```
#7acade
```
#7acade rgb(122,202,222)
```
#7ac2de
```
#7ac2de rgb(122,194,222)
```
#7abade
```
#7abade rgb(122,186,222)
```
#7ab1de
```
#7ab1de rgb(122,177,222)
```
#7aa9de
```
#7aa9de rgb(122,169,222)
```

Similar Colors

Text with hexadecimal color #7ac2de

This text has a font color of #7ac2de.

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

#7ac2de background color

This paragraph has a background color of #7ac2de.

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

#7ac2de border color

This element has a border color of #7ac2de.

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

CSS codes

.text {color:#7ac2de;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#061318
```
#061318 rgb(6,19,24)
```
#0a1f28
```
#0a1f28 rgb(10,31,40)
```
#0e2c38
```
#0e2c38 rgb(14,44,56)
```
#123847
```
#123847 rgb(18,56,71)
```
#164557
```
#164557 rgb(22,69,87)
```
#195167
```
#195167 rgb(25,81,103)
```
#1d5e76
```
#1d5e76 rgb(29,94,118)
```
#216a86
```
#216a86 rgb(33,106,134)
```
#257696
```
#257696 rgb(37,118,150)
```
#2983a6
```
#2983a6 rgb(41,131,166)
```
#2d8fb5
```
#2d8fb5 rgb(45,143,181)
```
#319cc5
```
#319cc5 rgb(49,156,197)
```

Shade Color Variation

#3ba5ce
```
#3ba5ce rgb(59,165,206)
```
#4bacd2
```
#4bacd2 rgb(75,172,210)
```
#5bb4d6
```
#5bb4d6 rgb(91,180,214)
```
#6abbda
```
#6abbda rgb(106,187,218)
```
#7ac2de
```
#7ac2de rgb(122,194,222)
```
#8ac9e2
```
#8ac9e2 rgb(138,201,226)
```
#99d0e6
```
#99d0e6 rgb(153,208,230)
```
#a9d8ea
```
#a9d8ea rgb(169,216,234)
```
#b9dfee
```
#b9dfee rgb(185,223,238)
```
#c9e6f1
```
#c9e6f1 rgb(201,230,241)
```
#d8edf5
```
#d8edf5 rgb(216,237,245)
```
#e8f4f9
```
#e8f4f9 rgb(232,244,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#a7aeb1
```
#a7aeb1 rgb(167,174,177)
```
#a0b1b8
```
#a0b1b8 rgb(160,177,184)
```
#9ab4be
```
#9ab4be rgb(154,180,190)
```
#94b7c4
```
#94b7c4 rgb(148,183,196)
```
#8dbacb
```
#8dbacb rgb(141,186,203)
```
#87bcd1
```
#87bcd1 rgb(135,188,209)
```
#80bfd8
```
#80bfd8 rgb(128,191,216)
```
#7ac2de
```
#7ac2de rgb(122,194,222)
```
#74c5e4
```
#74c5e4 rgb(116,197,228)
```
#6dc8eb
```
#6dc8eb rgb(109,200,235)
```
#67caf1
```
#67caf1 rgb(103,202,241)
```
#60cdf8
```
#60cdf8 rgb(96,205,248)
```
#5ad0fe
```
#5ad0fe rgb(90,208,254)
```

Tone Color Variation

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

#b5bad9 Protanopia 1% of men
#b7b8e4 Deuteranopia 1% of men
#7dc6d5 Tritanopia 0.001% of the population

Trichromacy

#9fbdda Protanomaly 1% of men, 0.01% of women
#a1bbe2 Deuteranomaly 6% of men, 0.4% of women
#7bc5d8 Tritanomaly 0.01% of the population

#7ac2de hex color

#7ac2de Color Information

#7ac2de Color Conversion

Color Schemes with #7ac2de

Alternatives to #7ac2de

#7ac2de Preview

Shades and Tints of #7ac2de

Tones of #7ac2de

Color Blindness Simulator