#7adddd hex color

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

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

● #7adddd color description : Very soft cyan.

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

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

CIE-LAB	82.415, -29.012, -9.056
XYZ	46.93, 61.068, 77.717
xyY	0.253, 0.329, 61.068
CIE-LCH	82.415, 30.393, 197.335
CIE-LUV	82.415, -43.816, -9.464
Hunter-Lab	78.146, -29.559, -4.262
Binary	01111010, 11011101, 11011101

#7adddd
```
#7adddd rgb(122,221,221)
```
#dd7a7a
```
#dd7a7a rgb(221,122,122)
```

Complementary Color

#7addac
```
#7addac rgb(122,221,172)
```
#7adddd
```
#7adddd rgb(122,221,221)
```
#7aacdd
```
#7aacdd rgb(122,172,221)
```

Analogous Color

#ddac7a
```
#ddac7a rgb(221,172,122)
```
#7adddd
```
#7adddd rgb(122,221,221)
```
#dd7aac
```
#dd7aac rgb(221,122,172)
```

Split Complementary Color

#dddd7a
```
#dddd7a rgb(221,221,122)
```
#7adddd
```
#7adddd rgb(122,221,221)
```
#dd7add
```
#dd7add rgb(221,122,221)
```

Triadic Color

#7add7a
```
#7add7a rgb(122,221,122)
```
#7adddd
```
#7adddd rgb(122,221,221)
```
#dd7add
```
#dd7add rgb(221,122,221)
```
#dd7a7a
```
#dd7a7a rgb(221,122,122)
```

Tetradic Color

#3dcdcd
```
#3dcdcd rgb(61,205,205)
```
#51d3d3
```
#51d3d3 rgb(81,211,211)
```
#66d8d8
```
#66d8d8 rgb(102,216,216)
```
#7adddd
```
#7adddd rgb(122,221,221)
```
#8ee2e2
```
#8ee2e2 rgb(142,226,226)
```
#a3e7e7
```
#a3e7e7 rgb(163,231,231)
```
#b7eded
```
#b7eded rgb(183,237,237)
```

Monochromatic Color

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

#7addc4
```
#7addc4 rgb(122,221,196)
```
#7addcd
```
#7addcd rgb(122,221,205)
```
#7addd5
```
#7addd5 rgb(122,221,213)
```
#7adddd
```
#7adddd rgb(122,221,221)
```
#7ad5dd
```
#7ad5dd rgb(122,213,221)
```
#7acddd
```
#7acddd rgb(122,205,221)
```
#7ac4dd
```
#7ac4dd rgb(122,196,221)
```

Similar Colors

Text with hexadecimal color #7adddd

This text has a font color of #7adddd.

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

#7adddd background color

This paragraph has a background color of #7adddd.

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

#7adddd border color

This element has a border color of #7adddd.

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

CSS codes

.text {color:#7adddd;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#061717
```
#061717 rgb(6,23,23)
```
#0a2727
```
#0a2727 rgb(10,39,39)
```
#0e3636
```
#0e3636 rgb(14,54,54)
```
#124646
```
#124646 rgb(18,70,70)
```
#165656
```
#165656 rgb(22,86,86)
```
#1a6565
```
#1a6565 rgb(26,101,101)
```
#1e7575
```
#1e7575 rgb(30,117,117)
```
#228585
```
#228585 rgb(34,133,133)
```
#269494
```
#269494 rgb(38,148,148)
```
#2aa4a4
```
#2aa4a4 rgb(42,164,164)
```
#2eb3b3
```
#2eb3b3 rgb(46,179,179)
```
#32c3c3
```
#32c3c3 rgb(50,195,195)
```

Shade Color Variation

#3ccdcd
```
#3ccdcd rgb(60,205,205)
```
#4bd1d1
```
#4bd1d1 rgb(75,209,209)
```
#5bd5d5
```
#5bd5d5 rgb(91,213,213)
```
#6ad9d9
```
#6ad9d9 rgb(106,217,217)
```
#7adddd
```
#7adddd rgb(122,221,221)
```
#8ae1e1
```
#8ae1e1 rgb(138,225,225)
```
#99e5e5
```
#99e5e5 rgb(153,229,229)
```
#a9e9e9
```
#a9e9e9 rgb(169,233,233)
```
#b8eded
```
#b8eded rgb(184,237,237)
```
#c8f1f1
```
#c8f1f1 rgb(200,241,241)
```
#d8f5f5
```
#d8f5f5 rgb(216,245,245)
```
#e7f9f9
```
#e7f9f9 rgb(231,249,249)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

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

#a7b0b0
```
#a7b0b0 rgb(167,176,176)
```
#a1b6b6
```
#a1b6b6 rgb(161,182,182)
```
#9abdbd
```
#9abdbd rgb(154,189,189)
```
#94c3c3
```
#94c3c3 rgb(148,195,195)
```
#8dcaca
```
#8dcaca rgb(141,202,202)
```
#87d0d0
```
#87d0d0 rgb(135,208,208)
```
#80d7d7
```
#80d7d7 rgb(128,215,215)
```
#7adddd
```
#7adddd rgb(122,221,221)
```
#74e3e3
```
#74e3e3 rgb(116,227,227)
```
#6deaea
```
#6deaea rgb(109,234,234)
```
#67f0f0
```
#67f0f0 rgb(103,240,240)
```
#60f7f7
```
#60f7f7 rgb(96,247,247)
```
#5afdfd
```
#5afdfd rgb(90,253,253)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b1c5c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1ced5 Protanopia 1% of men
#d8cae5 Deuteranopia 1% of men
#86dcec Tritanopia 0.001% of the population

Trichromacy

#b1d3d8 Protanomaly 1% of men, 0.01% of women
#b5d1e2 Deuteranomaly 6% of men, 0.4% of women
#81dce6 Tritanomaly 0.01% of the population

#7adddd hex color

#7adddd Color Information

#7adddd Color Conversion

Color Schemes with #7adddd

Alternatives to #7adddd

#7adddd Preview

Shades and Tints of #7adddd

Tones of #7adddd

Color Blindness Simulator