#7adefd hex color

In a RGB color space, hex #7adefd is composed of 47.8% red, 87.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 12.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 194.2 degrees, a saturation of 97% and a lightness of 73.5%. #7adefd color hex could be obtained by blending #f4ffff with #00bdfb. Closest websafe color is: #66ccff.

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

● #7adefd color description : Soft cyan.

The hexadecimal color #7adefd has RGB values of R:122, G:222, B:253 and CMYK values of C:0.52, M:0.12, Y:0, K:0.01. Its decimal value is 8052477.

Hex triplet	7adefd	`#7adefd`
RGB Decimal	122, 222, 253	`rgb(122,222,253)`
RGB Percent	47.8, 87.1, 99.2	`rgb(47.8%,87.1%,99.2%)`
CMYK	52, 12, 0, 1
HSL	194.2°, 97, 73.5	`hsl(194.2,97%,73.5%)`
HSV (or HSB)	194.2°, 51.8, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.688, -21.087, -24.098
XYZ	51.872, 63.469, 102.44
xyY	0.238, 0.291, 63.469
CIE-LCH	83.688, 32.022, 228.813
CIE-LUV	83.688, -43.081, -35.575
Hunter-Lab	79.667, -23.194, -20.471
Binary	01111010, 11011110, 11111101

#7adefd
```
#7adefd rgb(122,222,253)
```
#fd997a
```
#fd997a rgb(253,153,122)
```

Complementary Color

#7afddb
```
#7afddb rgb(122,253,219)
```
#7adefd
```
#7adefd rgb(122,222,253)
```
#7a9dfd
```
#7a9dfd rgb(122,157,253)
```

Analogous Color

#fddb7a
```
#fddb7a rgb(253,219,122)
```
#7adefd
```
#7adefd rgb(122,222,253)
```
#fd7a9d
```
#fd7a9d rgb(253,122,157)
```

Split Complementary Color

#defd7a
```
#defd7a rgb(222,253,122)
```
#7adefd
```
#7adefd rgb(122,222,253)
```
#fd7ade
```
#fd7ade rgb(253,122,222)
```

Triadic Color

#7afd99
```
#7afd99 rgb(122,253,153)
```
#7adefd
```
#7adefd rgb(122,222,253)
```
#fd7ade
```
#fd7ade rgb(253,122,222)
```
#fd997a
```
#fd997a rgb(253,153,122)
```

Tetradic Color

#2fcbfc
```
#2fcbfc rgb(47,203,252)
```
#48d2fc
```
#48d2fc rgb(72,210,252)
```
#61d8fd
```
#61d8fd rgb(97,216,253)
```
#7adefd
```
#7adefd rgb(122,222,253)
```
#93e4fd
```
#93e4fd rgb(147,228,253)
```
#aceafe
```
#aceafe rgb(172,234,254)
```
#c5f1fe
```
#c5f1fe rgb(197,241,254)
```

Monochromatic Color

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

#7afdfb
```
#7afdfb rgb(122,253,251)
```
#7af4fd
```
#7af4fd rgb(122,244,253)
```
#7ae9fd
```
#7ae9fd rgb(122,233,253)
```
#7adefd
```
#7adefd rgb(122,222,253)
```
#7ad3fd
```
#7ad3fd rgb(122,211,253)
```
#7ac8fd
```
#7ac8fd rgb(122,200,253)
```
#7abdfd
```
#7abdfd rgb(122,189,253)
```

Similar Colors

Text with hexadecimal color #7adefd

This text has a font color of #7adefd.

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

#7adefd background color

This paragraph has a background color of #7adefd.

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

#7adefd border color

This element has a border color of #7adefd.

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

CSS codes

.text {color:#7adefd;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001116
```
#001116 rgb(0,17,22)
```
#011f29
```
#011f29 rgb(1,31,41)
```
#012e3c
```
#012e3c rgb(1,46,60)
```
#013d50
```
#013d50 rgb(1,61,80)
```
#014c63
```
#014c63 rgb(1,76,99)
```
#025b76
```
#025b76 rgb(2,91,118)
```
#02698a
```
#02698a rgb(2,105,138)
```
#02789d
```
#02789d rgb(2,120,157)
```
#0387b0
```
#0387b0 rgb(3,135,176)
```
#0396c4
```
#0396c4 rgb(3,150,196)
```
#03a5d7
```
#03a5d7 rgb(3,165,215)
```
#04b4ea
```
#04b4ea rgb(4,180,234)
```

Shade Color Variation

#06c1fb
```
#06c1fb rgb(6,193,251)
```
#19c6fc
```
#19c6fc rgb(25,198,252)
```
#2dcbfc
```
#2dcbfc rgb(45,203,252)
```
#40d0fc
```
#40d0fc rgb(64,208,252)
```
#53d4fc
```
#53d4fc rgb(83,212,252)
```
#67d9fd
```
#67d9fd rgb(103,217,253)
```
#7adefd
```
#7adefd rgb(122,222,253)
```
#8de3fd
```
#8de3fd rgb(141,227,253)
```
#a1e8fe
```
#a1e8fe rgb(161,232,254)
```
#b4ecfe
```
#b4ecfe rgb(180,236,254)
```
#c7f1fe
```
#c7f1fe rgb(199,241,254)
```
#dbf6fe
```
#dbf6fe rgb(219,246,254)
```
#eefbff
```
#eefbff rgb(238,251,255)
```

Tint Color Variation

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

#b8bdbf
```
#b8bdbf rgb(184,189,191)
```
#b3c0c4
```
#b3c0c4 rgb(179,192,196)
```
#aec3c9
```
#aec3c9 rgb(174,195,201)
```
#a9c5ce
```
#a9c5ce rgb(169,197,206)
```
#a4c8d3
```
#a4c8d3 rgb(164,200,211)
```
#9ecbd9
```
#9ecbd9 rgb(158,203,217)
```
#99cede
```
#99cede rgb(153,206,222)
```
#94d0e3
```
#94d0e3 rgb(148,208,227)
```
#8fd3e8
```
#8fd3e8 rgb(143,211,232)
```
#8ad6ed
```
#8ad6ed rgb(138,214,237)
```
#84d9f3
```
#84d9f3 rgb(132,217,243)
```
#7fdbf8
```
#7fdbf8 rgb(127,219,248)
```
#7adefd
```
#7adefd rgb(122,222,253)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#b5c9cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbd1f4 Protanopia 1% of men
#cccfff Deuteranopia 1% of men
#7be1f2 Tritanopia 0.001% of the population

Trichromacy

#aed5f7 Protanomaly 1% of men, 0.01% of women
#aed4fe Deuteranomaly 6% of men, 0.4% of women
#7be0f6 Tritanomaly 0.01% of the population

#7adefd hex color

#7adefd Color Information

#7adefd Color Conversion

Color Schemes with #7adefd

Alternatives to #7adefd

#7adefd Preview

Shades and Tints of #7adefd

Tones of #7adefd

Color Blindness Simulator