#7ad5df hex color

In a RGB color space, hex #7ad5df is composed of 47.8% red, 83.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 4.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 185.9 degrees, a saturation of 61.2% and a lightness of 67.6%. #7ad5df color hex could be obtained by blending #f4ffff with #00abbf. Closest websafe color is: #66cccc.

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

● #7ad5df color description : Soft cyan.

The hexadecimal color #7ad5df has RGB values of R:122, G:213, B:223 and CMYK values of C:0.45, M:0.04, Y:0, K:0.13. Its decimal value is 8050143.

Hex triplet	7ad5df	`#7ad5df`
RGB Decimal	122, 213, 223	`rgb(122,213,223)`
RGB Percent	47.8, 83.5, 87.5	`rgb(47.8%,83.5%,87.5%)`
CMYK	45, 4, 0, 13
HSL	185.9°, 61.2, 67.6	`hsl(185.9,61.2%,67.6%)`
HSV (or HSB)	185.9°, 45.3, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.208, -24.601, -13.415
XYZ	45.136, 57.051, 78.441
xyY	0.25, 0.316, 57.051
CIE-LCH	80.208, 28.021, 208.603
CIE-LUV	80.208, -40.605, -17.139
Hunter-Lab	75.532, -25.514, -8.701
Binary	01111010, 11010101, 11011111

#7ad5df
```
#7ad5df rgb(122,213,223)
```
#df847a
```
#df847a rgb(223,132,122)
```

Complementary Color

#7adfb7
```
#7adfb7 rgb(122,223,183)
```
#7ad5df
```
#7ad5df rgb(122,213,223)
```
#7aa3df
```
#7aa3df rgb(122,163,223)
```

Analogous Color

#dfb77a
```
#dfb77a rgb(223,183,122)
```
#7ad5df
```
#7ad5df rgb(122,213,223)
```
#df7aa3
```
#df7aa3 rgb(223,122,163)
```

Split Complementary Color

#d5df7a
```
#d5df7a rgb(213,223,122)
```
#7ad5df
```
#7ad5df rgb(122,213,223)
```
#df7ad5
```
#df7ad5 rgb(223,122,213)
```

Triadic Color

#7adf84
```
#7adf84 rgb(122,223,132)
```
#7ad5df
```
#7ad5df rgb(122,213,223)
```
#df7ad5
```
#df7ad5 rgb(223,122,213)
```
#df847a
```
#df847a rgb(223,132,122)
```

Tetradic Color

#3cc2d0
```
#3cc2d0 rgb(60,194,208)
```
#51c8d5
```
#51c8d5 rgb(81,200,213)
```
#65cfda
```
#65cfda rgb(101,207,218)
```
#7ad5df
```
#7ad5df rgb(122,213,223)
```
#8fdbe4
```
#8fdbe4 rgb(143,219,228)
```
#a3e2e9
```
#a3e2e9 rgb(163,226,233)
```
#b8e8ee
```
#b8e8ee rgb(184,232,238)
```

Monochromatic Color

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

#7adfd0
```
#7adfd0 rgb(122,223,208)
```
#7adfd8
```
#7adfd8 rgb(122,223,216)
```
#7adddf
```
#7adddf rgb(122,221,223)
```
#7ad5df
```
#7ad5df rgb(122,213,223)
```
#7acddf
```
#7acddf rgb(122,205,223)
```
#7ac4df
```
#7ac4df rgb(122,196,223)
```
#7abcdf
```
#7abcdf rgb(122,188,223)
```

Similar Colors

Text with hexadecimal color #7ad5df

This text has a font color of #7ad5df.

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

#7ad5df background color

This paragraph has a background color of #7ad5df.

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

#7ad5df border color

This element has a border color of #7ad5df.

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

CSS codes

.text {color:#7ad5df;}

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

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

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

#020909
```
#020909 rgb(2,9,9)
```
#061719
```
#061719 rgb(6,23,25)
```
#0a2629
```
#0a2629 rgb(10,38,41)
```
#0e3439
```
#0e3439 rgb(14,52,57)
```
#114349
```
#114349 rgb(17,67,73)
```
#155258
```
#155258 rgb(21,82,88)
```
#196068
```
#196068 rgb(25,96,104)
```
#1d6f78
```
#1d6f78 rgb(29,111,120)
```
#217e88
```
#217e88 rgb(33,126,136)
```
#248c98
```
#248c98 rgb(36,140,152)
```
#289ba7
```
#289ba7 rgb(40,155,167)
```
#2ca9b7
```
#2ca9b7 rgb(44,169,183)
```
#30b8c7
```
#30b8c7 rgb(48,184,199)
```

Shade Color Variation

#3bc1d0
```
#3bc1d0 rgb(59,193,208)
```
#4bc6d4
```
#4bc6d4 rgb(75,198,212)
```
#5acbd7
```
#5acbd7 rgb(90,203,215)
```
#6ad0db
```
#6ad0db rgb(106,208,219)
```
#7ad5df
```
#7ad5df rgb(122,213,223)
```
#8adae3
```
#8adae3 rgb(138,218,227)
```
#9adfe7
```
#9adfe7 rgb(154,223,231)
```
#a9e4ea
```
#a9e4ea rgb(169,228,234)
```
#b9e9ee
```
#b9e9ee rgb(185,233,238)
```
#c9eef2
```
#c9eef2 rgb(201,238,242)
```
#d9f3f6
```
#d9f3f6 rgb(217,243,246)
```
#e9f8fa
```
#e9f8fa rgb(233,248,250)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#a6b1b3
```
#a6b1b3 rgb(166,177,179)
```
#a0b6b9
```
#a0b6b9 rgb(160,182,185)
```
#9abcbf
```
#9abcbf rgb(154,188,191)
```
#93c1c6
```
#93c1c6 rgb(147,193,198)
```
#8dc6cc
```
#8dc6cc rgb(141,198,204)
```
#87cbd2
```
#87cbd2 rgb(135,203,210)
```
#80d0d9
```
#80d0d9 rgb(128,208,217)
```
#7ad5df
```
#7ad5df rgb(122,213,223)
```
#74dae5
```
#74dae5 rgb(116,218,229)
```
#6ddfec
```
#6ddfec rgb(109,223,236)
```
#67e4f2
```
#67e4f2 rgb(103,228,242)
```
#61e9f8
```
#61e9f8 rgb(97,233,248)
```
#5aeeff
```
#5aeeff rgb(90,238,255)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#aec0c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c8d8 Protanopia 1% of men
#cdc5e7 Deuteranopia 1% of men
#82d6e5 Tritanopia 0.001% of the population

Trichromacy

#accdda Protanomaly 1% of men, 0.01% of women
#afcbe4 Deuteranomaly 6% of men, 0.4% of women
#7fd5e3 Tritanomaly 0.01% of the population

#7ad5df hex color

#7ad5df Color Information

#7ad5df Color Conversion

Color Schemes with #7ad5df

Alternatives to #7ad5df

#7ad5df Preview

Shades and Tints of #7ad5df

Tones of #7ad5df

Color Blindness Simulator