#7ad5fe hex color

In a RGB color space, hex #7ad5fe is composed of 47.8% red, 83.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 16.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 198.6 degrees, a saturation of 98.5% and a lightness of 73.7%. #7ad5fe color hex could be obtained by blending #f4ffff with #00abfd. Closest websafe color is: #66ccff.

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

● #7ad5fe color description : Soft blue.

The hexadecimal color #7ad5fe has RGB values of R:122, G:213, B:254 and CMYK values of C:0.52, M:0.16, Y:0, K:0. Its decimal value is 8050174.

Hex triplet	7ad5fe	`#7ad5fe`
RGB Decimal	122, 213, 254	`rgb(122,213,254)`
RGB Percent	47.8, 83.5, 99.6	`rgb(47.8%,83.5%,99.6%)`
CMYK	52, 16, 0, 0
HSL	198.6°, 98.5, 73.7	`hsl(198.6,98.5%,73.7%)`
HSV (or HSB)	198.6°, 52, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.225, -16.24, -28.388
XYZ	49.705, 58.879, 102.506
xyY	0.235, 0.279, 58.879
CIE-LCH	81.225, 32.705, 240.226
CIE-LUV	81.225, -39.653, -43.43
Hunter-Lab	76.732, -18.654, -25.492
Binary	01111010, 11010101, 11111110

#7ad5fe
```
#7ad5fe rgb(122,213,254)
```
#fea37a
```
#fea37a rgb(254,163,122)
```

Complementary Color

#7afee5
```
#7afee5 rgb(122,254,229)
```
#7ad5fe
```
#7ad5fe rgb(122,213,254)
```
#7a93fe
```
#7a93fe rgb(122,147,254)
```

Analogous Color

#fee57a
```
#fee57a rgb(254,229,122)
```
#7ad5fe
```
#7ad5fe rgb(122,213,254)
```
#fe7a93
```
#fe7a93 rgb(254,122,147)
```

Split Complementary Color

#d5fe7a
```
#d5fe7a rgb(213,254,122)
```
#7ad5fe
```
#7ad5fe rgb(122,213,254)
```
#fe7ad5
```
#fe7ad5 rgb(254,122,213)
```

Triadic Color

#7afea3
```
#7afea3 rgb(122,254,163)
```
#7ad5fe
```
#7ad5fe rgb(122,213,254)
```
#fe7ad5
```
#fe7ad5 rgb(254,122,213)
```
#fea37a
```
#fea37a rgb(254,163,122)
```

Tetradic Color

#2ebdfd
```
#2ebdfd rgb(46,189,253)
```
#47c5fe
```
#47c5fe rgb(71,197,254)
```
#61cdfe
```
#61cdfe rgb(97,205,254)
```
#7ad5fe
```
#7ad5fe rgb(122,213,254)
```
#93ddfe
```
#93ddfe rgb(147,221,254)
```
#ade5fe
```
#ade5fe rgb(173,229,254)
```
#c6edff
```
#c6edff rgb(198,237,255)
```

Monochromatic Color

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

#7af6fe
```
#7af6fe rgb(122,246,254)
```
#7aebfe
```
#7aebfe rgb(122,235,254)
```
#7ae0fe
```
#7ae0fe rgb(122,224,254)
```
#7ad5fe
```
#7ad5fe rgb(122,213,254)
```
#7acafe
```
#7acafe rgb(122,202,254)
```
#7abffe
```
#7abffe rgb(122,191,254)
```
#7ab4fe
```
#7ab4fe rgb(122,180,254)
```

Similar Colors

Text with hexadecimal color #7ad5fe

This text has a font color of #7ad5fe.

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

#7ad5fe background color

This paragraph has a background color of #7ad5fe.

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

#7ad5fe border color

This element has a border color of #7ad5fe.

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

CSS codes

.text {color:#7ad5fe;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#001017
```
#001017 rgb(0,16,23)
```
#001d2a
```
#001d2a rgb(0,29,42)
```
#002b3e
```
#002b3e rgb(0,43,62)
```
#013851
```
#013851 rgb(1,56,81)
```
#014665
```
#014665 rgb(1,70,101)
```
#015378
```
#015378 rgb(1,83,120)
```
#01618c
```
#01618c rgb(1,97,140)
```
#016e9f
```
#016e9f rgb(1,110,159)
```
#017bb3
```
#017bb3 rgb(1,123,179)
```
#0189c6
```
#0189c6 rgb(1,137,198)
```
#0296d9
```
#0296d9 rgb(2,150,217)
```
#02a4ed
```
#02a4ed rgb(2,164,237)
```

Shade Color Variation

#05b0fd
```
#05b0fd rgb(5,176,253)
```
#19b6fd
```
#19b6fd rgb(25,182,253)
```
#2cbcfd
```
#2cbcfd rgb(44,188,253)
```
#40c3fe
```
#40c3fe rgb(64,195,254)
```
#53c9fe
```
#53c9fe rgb(83,201,254)
```
#67cffe
```
#67cffe rgb(103,207,254)
```
#7ad5fe
```
#7ad5fe rgb(122,213,254)
```
#8ddbfe
```
#8ddbfe rgb(141,219,254)
```
#a1e1fe
```
#a1e1fe rgb(161,225,254)
```
#b4e7fe
```
#b4e7fe rgb(180,231,254)
```
#c8eeff
```
#c8eeff rgb(200,238,255)
```
#dbf4ff
```
#dbf4ff rgb(219,244,255)
```
#effaff
```
#effaff rgb(239,250,255)
```

Tint Color Variation

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

#b8bec0
```
#b8bec0 rgb(184,190,192)
```
#b3c0c5
```
#b3c0c5 rgb(179,192,197)
```
#aec1ca
```
#aec1ca rgb(174,193,202)
```
#a8c3d0
```
#a8c3d0 rgb(168,195,208)
```
#a3c5d5
```
#a3c5d5 rgb(163,197,213)
```
#9ec7da
```
#9ec7da rgb(158,199,218)
```
#99c9df
```
#99c9df rgb(153,201,223)
```
#94cbe4
```
#94cbe4 rgb(148,203,228)
```
#8fcde9
```
#8fcde9 rgb(143,205,233)
```
#89cfef
```
#89cfef rgb(137,207,239)
```
#84d1f4
```
#84d1f4 rgb(132,209,244)
```
#7fd3f9
```
#7fd3f9 rgb(127,211,249)
```
#7ad5fe
```
#7ad5fe rgb(122,213,254)
```

Tone Color Variation

Below, you can see how #7ad5fe 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
#b0c3cb Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#a7cef8 Protanomaly 1% of men, 0.01% of women
#a7cdfe Deuteranomaly 6% of men, 0.4% of women
#78d8f1 Tritanomaly 0.01% of the population

#7ad5fe hex color

#7ad5fe Color Information

#7ad5fe Color Conversion

Color Schemes with #7ad5fe

Alternatives to #7ad5fe

#7ad5fe Preview

Shades and Tints of #7ad5fe

Tones of #7ad5fe

Color Blindness Simulator