#7ae4fe hex color

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

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

● #7ae4fe color description : Soft cyan.

The hexadecimal color #7ae4fe has RGB values of R:122, G:228, B:254 and CMYK values of C:0.52, M:0.1, Y:0, K:0. Its decimal value is 8054014.

Hex triplet	7ae4fe	`#7ae4fe`
RGB Decimal	122, 228, 254	`rgb(122,228,254)`
RGB Percent	47.8, 89.4, 99.6	`rgb(47.8%,89.4%,99.6%)`
CMYK	52, 10, 0, 0
HSL	191.8°, 98.5, 73.7	`hsl(191.8,98.5%,73.7%)`
HSV (or HSB)	191.8°, 52, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	85.391, -23.8, -22.04
XYZ	53.654, 66.777, 103.822
xyY	0.239, 0.298, 66.777
CIE-LCH	85.391, 32.438, 222.801
CIE-LUV	85.391, -45.308, -31.772
Hunter-Lab	81.717, -25.804, -18.127
Binary	01111010, 11100100, 11111110

#7ae4fe
```
#7ae4fe rgb(122,228,254)
```
#fe947a
```
#fe947a rgb(254,148,122)
```

Complementary Color

#7afed6
```
#7afed6 rgb(122,254,214)
```
#7ae4fe
```
#7ae4fe rgb(122,228,254)
```
#7aa2fe
```
#7aa2fe rgb(122,162,254)
```

Analogous Color

#fed67a
```
#fed67a rgb(254,214,122)
```
#7ae4fe
```
#7ae4fe rgb(122,228,254)
```
#fe7aa2
```
#fe7aa2 rgb(254,122,162)
```

Split Complementary Color

#e4fe7a
```
#e4fe7a rgb(228,254,122)
```
#7ae4fe
```
#7ae4fe rgb(122,228,254)
```
#fe7ae4
```
#fe7ae4 rgb(254,122,228)
```

Triadic Color

#7afe94
```
#7afe94 rgb(122,254,148)
```
#7ae4fe
```
#7ae4fe rgb(122,228,254)
```
#fe7ae4
```
#fe7ae4 rgb(254,122,228)
```
#fe947a
```
#fe947a rgb(254,148,122)
```

Tetradic Color

#2ed5fd
```
#2ed5fd rgb(46,213,253)
```
#47dafe
```
#47dafe rgb(71,218,254)
```
#61dffe
```
#61dffe rgb(97,223,254)
```
#7ae4fe
```
#7ae4fe rgb(122,228,254)
```
#93e9fe
```
#93e9fe rgb(147,233,254)
```
#adeefe
```
#adeefe rgb(173,238,254)
```
#c6f3ff
```
#c6f3ff rgb(198,243,255)
```

Monochromatic Color

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

#7afef7
```
#7afef7 rgb(122,254,247)
```
#7afafe
```
#7afafe rgb(122,250,254)
```
#7aeffe
```
#7aeffe rgb(122,239,254)
```
#7ae4fe
```
#7ae4fe rgb(122,228,254)
```
#7ad9fe
```
#7ad9fe rgb(122,217,254)
```
#7acefe
```
#7acefe rgb(122,206,254)
```
#7ac3fe
```
#7ac3fe rgb(122,195,254)
```

Similar Colors

Text with hexadecimal color #7ae4fe

This text has a font color of #7ae4fe.

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

#7ae4fe background color

This paragraph has a background color of #7ae4fe.

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

#7ae4fe border color

This element has a border color of #7ae4fe.

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

CSS codes

.text {color:#7ae4fe;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001217
```
#001217 rgb(0,18,23)
```
#00222a
```
#00222a rgb(0,34,42)
```
#00323e
```
#00323e rgb(0,50,62)
```
#014151
```
#014151 rgb(1,65,81)
```
#015165
```
#015165 rgb(1,81,101)
```
#016178
```
#016178 rgb(1,97,120)
```
#01708c
```
#01708c rgb(1,112,140)
```
#01809f
```
#01809f rgb(1,128,159)
```
#0190b3
```
#0190b3 rgb(1,144,179)
```
#019fc6
```
#019fc6 rgb(1,159,198)
```
#02afd9
```
#02afd9 rgb(2,175,217)
```
#02bfed
```
#02bfed rgb(2,191,237)
```

Shade Color Variation

#05ccfd
```
#05ccfd rgb(5,204,253)
```
#19d0fd
```
#19d0fd rgb(25,208,253)
```
#2cd4fd
```
#2cd4fd rgb(44,212,253)
```
#40d8fe
```
#40d8fe rgb(64,216,254)
```
#53dcfe
```
#53dcfe rgb(83,220,254)
```
#67e0fe
```
#67e0fe rgb(103,224,254)
```
#7ae4fe
```
#7ae4fe rgb(122,228,254)
```
#8de8fe
```
#8de8fe rgb(141,232,254)
```
#a1ecfe
```
#a1ecfe rgb(161,236,254)
```
#b4f0fe
```
#b4f0fe rgb(180,240,254)
```
#c8f4ff
```
#c8f4ff rgb(200,244,255)
```
#dbf8ff
```
#dbf8ff rgb(219,248,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

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

#b8bfc0
```
#b8bfc0 rgb(184,191,192)
```
#b3c2c5
```
#b3c2c5 rgb(179,194,197)
```
#aec5ca
```
#aec5ca rgb(174,197,202)
```
#a8c8d0
```
#a8c8d0 rgb(168,200,208)
```
#a3cbd5
```
#a3cbd5 rgb(163,203,213)
```
#9eceda
```
#9eceda rgb(158,206,218)
```
#99d1df
```
#99d1df rgb(153,209,223)
```
#94d4e4
```
#94d4e4 rgb(148,212,228)
```
#8fd8e9
```
#8fd8e9 rgb(143,216,233)
```
#89dbef
```
#89dbef rgb(137,219,239)
```
#84def4
```
#84def4 rgb(132,222,244)
```
#7fe1f9
```
#7fe1f9 rgb(127,225,249)
```
#7ae4fe
```
#7ae4fe rgb(122,228,254)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#b8cdd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d5f4 Protanopia 1% of men
#d3d4ff Deuteranopia 1% of men
#7de6f7 Tritanopia 0.001% of the population

Trichromacy

#b1dbf8 Protanomaly 1% of men, 0.01% of women
#b3d9fe Deuteranomaly 6% of men, 0.4% of women
#7ce5f9 Tritanomaly 0.01% of the population

#7ae4fe hex color

#7ae4fe Color Information

#7ae4fe Color Conversion

Color Schemes with #7ae4fe

Alternatives to #7ae4fe

#7ae4fe Preview

Shades and Tints of #7ae4fe

Tones of #7ae4fe

Color Blindness Simulator