#7ad8fa hex color

In a RGB color space, hex #7ad8fa is composed of 47.8% red, 84.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 13.6% magenta, 0% yellow and 2% black. It has a hue angle of 195.9 degrees, a saturation of 92.8% and a lightness of 72.9%. #7ad8fa color hex could be obtained by blending #f4ffff with #00b1f5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 85
- B 98
RGB color chart
- C 51
- M 14
- Y 0
- K 2
CMYK color chart

● #7ad8fa color description : Soft blue.

The hexadecimal color #7ad8fa has RGB values of R:122, G:216, B:250 and CMYK values of C:0.51, M:0.14, Y:0, K:0.02. Its decimal value is 8050938.

Hex triplet	7ad8fa	`#7ad8fa`
RGB Decimal	122, 216, 250	`rgb(122,216,250)`
RGB Percent	47.8, 84.7, 98	`rgb(47.8%,84.7%,98%)`
CMYK	51, 14, 0, 2
HSL	195.9°, 92.8, 72.9	`hsl(195.9,92.8%,72.9%)`
HSV (or HSB)	195.9°, 51.2, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.919, -18.887, -25.205
XYZ	49.833, 60.148, 99.421
xyY	0.238, 0.287, 60.148
CIE-LCH	81.919, 31.496, 233.155
CIE-LUV	81.919, -40.91, -37.677
Hunter-Lab	77.555, -21.027, -21.717
Binary	01111010, 11011000, 11111010

#7ad8fa
```
#7ad8fa rgb(122,216,250)
```
#fa9c7a
```
#fa9c7a rgb(250,156,122)
```

Complementary Color

#7afadc
```
#7afadc rgb(122,250,220)
```
#7ad8fa
```
#7ad8fa rgb(122,216,250)
```
#7a98fa
```
#7a98fa rgb(122,152,250)
```

Analogous Color

#fadc7a
```
#fadc7a rgb(250,220,122)
```
#7ad8fa
```
#7ad8fa rgb(122,216,250)
```
#fa7a98
```
#fa7a98 rgb(250,122,152)
```

Split Complementary Color

#d8fa7a
```
#d8fa7a rgb(216,250,122)
```
#7ad8fa
```
#7ad8fa rgb(122,216,250)
```
#fa7ad8
```
#fa7ad8 rgb(250,122,216)
```

Triadic Color

#7afa9c
```
#7afa9c rgb(122,250,156)
```
#7ad8fa
```
#7ad8fa rgb(122,216,250)
```
#fa7ad8
```
#fa7ad8 rgb(250,122,216)
```
#fa9c7a
```
#fa9c7a rgb(250,156,122)
```

Tetradic Color

#30c2f7
```
#30c2f7 rgb(48,194,247)
```
#49caf8
```
#49caf8 rgb(73,202,248)
```
#61d1f9
```
#61d1f9 rgb(97,209,249)
```
#7ad8fa
```
#7ad8fa rgb(122,216,250)
```
#93dffb
```
#93dffb rgb(147,223,251)
```
#abe6fc
```
#abe6fc rgb(171,230,252)
```
#c4eefd
```
#c4eefd rgb(196,238,253)
```

Monochromatic Color

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

#7af8fa
```
#7af8fa rgb(122,248,250)
```
#7aedfa
```
#7aedfa rgb(122,237,250)
```
#7ae3fa
```
#7ae3fa rgb(122,227,250)
```
#7ad8fa
```
#7ad8fa rgb(122,216,250)
```
#7acdfa
```
#7acdfa rgb(122,205,250)
```
#7ac3fa
```
#7ac3fa rgb(122,195,250)
```
#7ab8fa
```
#7ab8fa rgb(122,184,250)
```

Similar Colors

Text with hexadecimal color #7ad8fa

This text has a font color of #7ad8fa.

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

#7ad8fa background color

This paragraph has a background color of #7ad8fa.

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

#7ad8fa border color

This element has a border color of #7ad8fa.

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

CSS codes

.text {color:#7ad8fa;}

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

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

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, #010e12 is the darkest color, while #feffff is the lightest one.

#010e12
```
#010e12 rgb(1,14,18)
```
#011c25
```
#011c25 rgb(1,28,37)
```
#022a38
```
#022a38 rgb(2,42,56)
```
#03384b
```
#03384b rgb(3,56,75)
```
#04465e
```
#04465e rgb(4,70,94)
```
#045471
```
#045471 rgb(4,84,113)
```
#056284
```
#056284 rgb(5,98,132)
```
#067097
```
#067097 rgb(6,112,151)
```
#067ea9
```
#067ea9 rgb(6,126,169)
```
#078cbc
```
#078cbc rgb(7,140,188)
```
#089acf
```
#089acf rgb(8,154,207)
```
#09a8e2
```
#09a8e2 rgb(9,168,226)
```
#09b6f5
```
#09b6f5 rgb(9,182,245)
```

Shade Color Variation

#1bbcf6
```
#1bbcf6 rgb(27,188,246)
```
#2ec2f7
```
#2ec2f7 rgb(46,194,247)
```
#41c7f8
```
#41c7f8 rgb(65,199,248)
```
#54cdf9
```
#54cdf9 rgb(84,205,249)
```
#67d2f9
```
#67d2f9 rgb(103,210,249)
```
#7ad8fa
```
#7ad8fa rgb(122,216,250)
```
#8ddefb
```
#8ddefb rgb(141,222,251)
```
#a0e3fb
```
#a0e3fb rgb(160,227,251)
```
#b3e9fc
```
#b3e9fc rgb(179,233,252)
```
#c6eefd
```
#c6eefd rgb(198,238,253)
```
#d9f4fe
```
#d9f4fe rgb(217,244,254)
```
#ebf9fe
```
#ebf9fe rgb(235,249,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#bababa
```
#bababa rgb(186,186,186)
```
#b4bdc0
```
#b4bdc0 rgb(180,189,192)
```
#afbfc5
```
#afbfc5 rgb(175,191,197)
```
#aac2ca
```
#aac2ca rgb(170,194,202)
```
#a4c4d0
```
#a4c4d0 rgb(164,196,208)
```
#9fc7d5
```
#9fc7d5 rgb(159,199,213)
```
#9ac9da
```
#9ac9da rgb(154,201,218)
```
#95ccdf
```
#95ccdf rgb(149,204,223)
```
#8fcee5
```
#8fcee5 rgb(143,206,229)
```
#8ad1ea
```
#8ad1ea rgb(138,209,234)
```
#85d3ef
```
#85d3ef rgb(133,211,239)
```
#7fd6f5
```
#7fd6f5 rgb(127,214,245)
```
#7ad8fa
```
#7ad8fa rgb(122,216,250)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b2c5cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6ccf1 Protanopia 1% of men
#c6caff Deuteranopia 1% of men
#7adcec Tritanopia 0.001% of the population

Trichromacy

#aad0f4 Protanomaly 1% of men, 0.01% of women
#aacffd Deuteranomaly 6% of men, 0.4% of women
#7adaf1 Tritanomaly 0.01% of the population

#7ad8fa hex color

#7ad8fa Color Information

#7ad8fa Color Conversion

Color Schemes with #7ad8fa

Alternatives to #7ad8fa

#7ad8fa Preview

Shades and Tints of #7ad8fa

Tones of #7ad8fa

Color Blindness Simulator