#7aced4 hex color

In a RGB color space, hex #7aced4 is composed of 47.8% red, 80.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 2.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 184 degrees, a saturation of 51.1% and a lightness of 65.5%. #7aced4 color hex could be obtained by blending #f4ffff with #009da9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 81
- B 83
RGB color chart
- C 42
- M 3
- Y 0
- K 17
CMYK color chart

● #7aced4 color description : Slightly desaturated cyan.

The hexadecimal color #7aced4 has RGB values of R:122, G:206, B:212 and CMYK values of C:0.42, M:0.03, Y:0, K:0.17. Its decimal value is 8048340.

Hex triplet	7aced4	`#7aced4`
RGB Decimal	122, 206, 212	`rgb(122,206,212)`
RGB Percent	47.8, 80.8, 83.1	`rgb(47.8%,80.8%,83.1%)`
CMYK	42, 3, 0, 17
HSL	184°, 51.1, 65.5	`hsl(184,51.1%,65.5%)`
HSV (or HSB)	184°, 42.5, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.893, -23.942, -10.981
XYZ	41.978, 53.031, 70.308
xyY	0.254, 0.321, 53.031
CIE-LCH	77.893, 26.34, 204.639
CIE-LUV	77.893, -38.151, -13.241
Hunter-Lab	72.823, -24.545, -6.267
Binary	01111010, 11001110, 11010100

#7aced4
```
#7aced4 rgb(122,206,212)
```
#d4807a
```
#d4807a rgb(212,128,122)
```

Complementary Color

#7ad4ad
```
#7ad4ad rgb(122,212,173)
```
#7aced4
```
#7aced4 rgb(122,206,212)
```
#7aa1d4
```
#7aa1d4 rgb(122,161,212)
```

Analogous Color

#d4ad7a
```
#d4ad7a rgb(212,173,122)
```
#7aced4
```
#7aced4 rgb(122,206,212)
```
#d47aa1
```
#d47aa1 rgb(212,122,161)
```

Split Complementary Color

#ced47a
```
#ced47a rgb(206,212,122)
```
#7aced4
```
#7aced4 rgb(122,206,212)
```
#d47ace
```
#d47ace rgb(212,122,206)
```

Triadic Color

#7ad480
```
#7ad480 rgb(122,212,128)
```
#7aced4
```
#7aced4 rgb(122,206,212)
```
#d47ace
```
#d47ace rgb(212,122,206)
```
#d4807a
```
#d4807a rgb(212,128,122)
```

Tetradic Color

#40b9c1
```
#40b9c1 rgb(64,185,193)
```
#53c0c8
```
#53c0c8 rgb(83,192,200)
```
#67c7ce
```
#67c7ce rgb(103,199,206)
```
#7aced4
```
#7aced4 rgb(122,206,212)
```
#8dd5da
```
#8dd5da rgb(141,213,218)
```
#a1dce0
```
#a1dce0 rgb(161,220,224)
```
#b4e3e7
```
#b4e3e7 rgb(180,227,231)
```

Monochromatic Color

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

#7ad4c4
```
#7ad4c4 rgb(122,212,196)
```
#7ad4cb
```
#7ad4cb rgb(122,212,203)
```
#7ad4d3
```
#7ad4d3 rgb(122,212,211)
```
#7aced4
```
#7aced4 rgb(122,206,212)
```
#7ac7d4
```
#7ac7d4 rgb(122,199,212)
```
#7abfd4
```
#7abfd4 rgb(122,191,212)
```
#7ab8d4
```
#7ab8d4 rgb(122,184,212)
```

Similar Colors

Text with hexadecimal color #7aced4

This text has a font color of #7aced4.

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

#7aced4 background color

This paragraph has a background color of #7aced4.

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

#7aced4 border color

This element has a border color of #7aced4.

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

CSS codes

.text {color:#7aced4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050f0f
```
#050f0f rgb(5,15,15)
```
#0a1d1e
```
#0a1d1e rgb(10,29,30)
```
#0f2b2d
```
#0f2b2d rgb(15,43,45)
```
#13393c
```
#13393c rgb(19,57,60)
```
#18474b
```
#18474b rgb(24,71,75)
```
#1d5559
```
#1d5559 rgb(29,85,89)
```
#226368
```
#226368 rgb(34,99,104)
```
#267277
```
#267277 rgb(38,114,119)
```
#2b8086
```
#2b8086 rgb(43,128,134)
```
#308e95
```
#308e95 rgb(48,142,149)
```
#359ca3
```
#359ca3 rgb(53,156,163)
```
#3aaab2
```
#3aaab2 rgb(58,170,178)
```

Shade Color Variation

#3fb8c1
```
#3fb8c1 rgb(63,184,193)
```
#4ebec6
```
#4ebec6 rgb(78,190,198)
```
#5cc3ca
```
#5cc3ca rgb(92,195,202)
```
#6bc9cf
```
#6bc9cf rgb(107,201,207)
```
#7aced4
```
#7aced4 rgb(122,206,212)
```
#89d3d9
```
#89d3d9 rgb(137,211,217)
```
#98d9de
```
#98d9de rgb(152,217,222)
```
#a6dee2
```
#a6dee2 rgb(166,222,226)
```
#b5e4e7
```
#b5e4e7 rgb(181,228,231)
```
#c4e9ec
```
#c4e9ec rgb(196,233,236)
```
#d3eff1
```
#d3eff1 rgb(211,239,241)
```
#e2f4f6
```
#e2f4f6 rgb(226,244,246)
```
#f1fafa
```
#f1fafa rgb(241,250,250)
```

Tint Color Variation

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

#a3abab
```
#a3abab rgb(163,171,171)
```
#9cb1b2
```
#9cb1b2 rgb(156,177,178)
```
#95b7b9
```
#95b7b9 rgb(149,183,185)
```
#8ebcc0
```
#8ebcc0 rgb(142,188,192)
```
#88c2c6
```
#88c2c6 rgb(136,194,198)
```
#81c8cd
```
#81c8cd rgb(129,200,205)
```
#7aced4
```
#7aced4 rgb(122,206,212)
```
#73d4db
```
#73d4db rgb(115,212,219)
```
#6cdae2
```
#6cdae2 rgb(108,218,226)
```
#66e0e8
```
#66e0e8 rgb(102,224,232)
```
#5fe5ef
```
#5fe5ef rgb(95,229,239)
```
#58ebf6
```
#58ebf6 rgb(88,235,246)
```
#51f1fd
```
#51f1fd rgb(81,241,253)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#aabbbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c2ce Protanopia 1% of men
#c9bfdc Deuteranopia 1% of men
#83cfde Tritanopia 0.001% of the population

Trichromacy

#a8c6d0 Protanomaly 1% of men, 0.01% of women
#acc4d9 Deuteranomaly 6% of men, 0.4% of women
#80ceda Tritanomaly 0.01% of the population

#7aced4 hex color

#7aced4 Color Information

#7aced4 Color Conversion

Color Schemes with #7aced4

Alternatives to #7aced4

#7aced4 Preview

Shades and Tints of #7aced4

Tones of #7aced4

Color Blindness Simulator