#7ad5fc hex color

In a RGB color space, hex #7ad5fc is composed of 47.8% red, 83.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 15.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 198 degrees, a saturation of 95.6% and a lightness of 73.3%. #7ad5fc color hex could be obtained by blending #f4ffff with #00abf9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 84
- B 99
RGB color chart
- C 52
- M 15
- Y 0
- K 1
CMYK color chart

● #7ad5fc color description : Soft blue.

The hexadecimal color #7ad5fc has RGB values of R:122, G:213, B:252 and CMYK values of C:0.52, M:0.15, Y:0, K:0.01. Its decimal value is 8050172.

Hex triplet	7ad5fc	`#7ad5fc`
RGB Decimal	122, 213, 252	`rgb(122,213,252)`
RGB Percent	47.8, 83.5, 98.8	`rgb(47.8%,83.5%,98.8%)`
CMYK	52, 15, 0, 1
HSL	198°, 95.6, 73.3	`hsl(198,95.6%,73.3%)`
HSV (or HSB)	198°, 51.6, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.155, -16.8, -27.433
XYZ	49.387, 58.751, 100.828
xyY	0.236, 0.281, 58.751
CIE-LCH	81.155, 32.169, 238.516
CIE-LUV	81.155, -39.713, -41.719
Hunter-Lab	76.649, -19.126, -24.338
Binary	01111010, 11010101, 11111100

#7ad5fc
```
#7ad5fc rgb(122,213,252)
```
#fca17a
```
#fca17a rgb(252,161,122)
```

Complementary Color

#7afce2
```
#7afce2 rgb(122,252,226)
```
#7ad5fc
```
#7ad5fc rgb(122,213,252)
```
#7a94fc
```
#7a94fc rgb(122,148,252)
```

Analogous Color

#fce27a
```
#fce27a rgb(252,226,122)
```
#7ad5fc
```
#7ad5fc rgb(122,213,252)
```
#fc7a94
```
#fc7a94 rgb(252,122,148)
```

Split Complementary Color

#d5fc7a
```
#d5fc7a rgb(213,252,122)
```
#7ad5fc
```
#7ad5fc rgb(122,213,252)
```
#fc7ad5
```
#fc7ad5 rgb(252,122,213)
```

Triadic Color

#7afca1
```
#7afca1 rgb(122,252,161)
```
#7ad5fc
```
#7ad5fc rgb(122,213,252)
```
#fc7ad5
```
#fc7ad5 rgb(252,122,213)
```
#fca17a
```
#fca17a rgb(252,161,122)
```

Tetradic Color

#2fbdfa
```
#2fbdfa rgb(47,189,250)
```
#48c5fb
```
#48c5fb rgb(72,197,251)
```
#61cdfb
```
#61cdfb rgb(97,205,251)
```
#7ad5fc
```
#7ad5fc rgb(122,213,252)
```
#93ddfd
```
#93ddfd rgb(147,221,253)
```
#ace5fd
```
#ace5fd rgb(172,229,253)
```
#c5edfe
```
#c5edfe rgb(197,237,254)
```

Monochromatic Color

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

#7af6fc
```
#7af6fc rgb(122,246,252)
```
#7aebfc
```
#7aebfc rgb(122,235,252)
```
#7ae0fc
```
#7ae0fc rgb(122,224,252)
```
#7ad5fc
```
#7ad5fc rgb(122,213,252)
```
#7acafc
```
#7acafc rgb(122,202,252)
```
#7abffc
```
#7abffc rgb(122,191,252)
```
#7ab5fc
```
#7ab5fc rgb(122,181,252)
```

Similar Colors

Text with hexadecimal color #7ad5fc

This text has a font color of #7ad5fc.

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

#7ad5fc background color

This paragraph has a background color of #7ad5fc.

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

#7ad5fc border color

This element has a border color of #7ad5fc.

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

CSS codes

.text {color:#7ad5fc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000e14
```
#000e14 rgb(0,14,20)
```
#011c28
```
#011c28 rgb(1,28,40)
```
#012a3b
```
#012a3b rgb(1,42,59)
```
#02374e
```
#02374e rgb(2,55,78)
```
#024561
```
#024561 rgb(2,69,97)
```
#035274
```
#035274 rgb(3,82,116)
```
#036088
```
#036088 rgb(3,96,136)
```
#036d9b
```
#036d9b rgb(3,109,155)
```
#047bae
```
#047bae rgb(4,123,174)
```
#0488c1
```
#0488c1 rgb(4,136,193)
```
#0596d4
```
#0596d4 rgb(5,150,212)
```
#05a4e7
```
#05a4e7 rgb(5,164,231)
```

Shade Color Variation

#07b1f9
```
#07b1f9 rgb(7,177,249)
```
#1ab7fa
```
#1ab7fa rgb(26,183,250)
```
#2dbdfa
```
#2dbdfa rgb(45,189,250)
```
#40c3fb
```
#40c3fb rgb(64,195,251)
```
#54c9fb
```
#54c9fb rgb(84,201,251)
```
#67cffc
```
#67cffc rgb(103,207,252)
```
#7ad5fc
```
#7ad5fc rgb(122,213,252)
```
#8ddbfc
```
#8ddbfc rgb(141,219,252)
```
#a0e1fd
```
#a0e1fd rgb(160,225,253)
```
#b4e7fd
```
#b4e7fd rgb(180,231,253)
```
#c7edfe
```
#c7edfe rgb(199,237,254)
```
#daf3fe
```
#daf3fe rgb(218,243,254)
```
#edf9ff
```
#edf9ff rgb(237,249,255)
```

Tint Color Variation

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

#b9bcbd
```
#b9bcbd rgb(185,188,189)
```
#b4bec2
```
#b4bec2 rgb(180,190,194)
```
#aec0c8
```
#aec0c8 rgb(174,192,200)
```
#a9c2cd
```
#a9c2cd rgb(169,194,205)
```
#a4c4d2
```
#a4c4d2 rgb(164,196,210)
```
#9fc6d7
```
#9fc6d7 rgb(159,198,215)
```
#99c8dd
```
#99c8dd rgb(153,200,221)
```
#94cbe2
```
#94cbe2 rgb(148,203,226)
```
#8fcde7
```
#8fcde7 rgb(143,205,231)
```
#8acfec
```
#8acfec rgb(138,207,236)
```
#84d1f2
```
#84d1f2 rgb(132,209,242)
```
#7fd3f7
```
#7fd3f7 rgb(127,211,247)
```
#7ad5fc
```
#7ad5fc rgb(122,213,252)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b0c3ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2caf4 Protanopia 1% of men
#c1c9ff Deuteranopia 1% of men
#78daea Tritanopia 0.001% of the population

Trichromacy

#a8cef7 Protanomaly 1% of men, 0.01% of women
#a7cdfd Deuteranomaly 6% of men, 0.4% of women
#79d8f0 Tritanomaly 0.01% of the population

#7ad5fc hex color

#7ad5fc Color Information

#7ad5fc Color Conversion

Color Schemes with #7ad5fc

Alternatives to #7ad5fc

#7ad5fc Preview

Shades and Tints of #7ad5fc

Tones of #7ad5fc

Color Blindness Simulator