#7de2fb hex color

In a RGB color space, hex #7de2fb is composed of 49% red, 88.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 10% magenta, 0% yellow and 1.6% black. It has a hue angle of 191.9 degrees, a saturation of 94% and a lightness of 73.7%. #7de2fb color hex could be obtained by blending #faffff with #00c5f7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 89
- B 98
RGB color chart
- C 50
- M 10
- Y 0
- K 2
CMYK color chart

● #7de2fb color description : Soft cyan.

The hexadecimal color #7de2fb has RGB values of R:125, G:226, B:251 and CMYK values of C:0.5, M:0.1, Y:0, K:0.02. Its decimal value is 8250107.

Hex triplet	7de2fb	`#7de2fb`
RGB Decimal	125, 226, 251	`rgb(125,226,251)`
RGB Percent	49, 88.6, 98.4	`rgb(49%,88.6%,98.4%)`
CMYK	50, 10, 0, 2
HSL	191.9°, 94, 73.7	`hsl(191.9,94%,73.7%)`
HSV (or HSB)	191.9°, 50.2, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.85, -22.997, -21.268
XYZ	53.062, 65.714, 101.149
xyY	0.241, 0.299, 65.714
CIE-LCH	84.85, 31.324, 222.763
CIE-LUV	84.85, -43.801, -30.558
Hunter-Lab	81.064, -25.023, -17.235
Binary	01111101, 11100010, 11111011

#7de2fb
```
#7de2fb rgb(125,226,251)
```
#fb967d
```
#fb967d rgb(251,150,125)
```

Complementary Color

#7dfbd5
```
#7dfbd5 rgb(125,251,213)
```
#7de2fb
```
#7de2fb rgb(125,226,251)
```
#7da3fb
```
#7da3fb rgb(125,163,251)
```

Analogous Color

#fbd57d
```
#fbd57d rgb(251,213,125)
```
#7de2fb
```
#7de2fb rgb(125,226,251)
```
#fb7da3
```
#fb7da3 rgb(251,125,163)
```

Split Complementary Color

#e2fb7d
```
#e2fb7d rgb(226,251,125)
```
#7de2fb
```
#7de2fb rgb(125,226,251)
```
#fb7de2
```
#fb7de2 rgb(251,125,226)
```

Triadic Color

#7dfb96
```
#7dfb96 rgb(125,251,150)
```
#7de2fb
```
#7de2fb rgb(125,226,251)
```
#fb7de2
```
#fb7de2 rgb(251,125,226)
```
#fb967d
```
#fb967d rgb(251,150,125)
```

Tetradic Color

#33d1f9
```
#33d1f9 rgb(51,209,249)
```
#4cd7f9
```
#4cd7f9 rgb(76,215,249)
```
#64dcfa
```
#64dcfa rgb(100,220,250)
```
#7de2fb
```
#7de2fb rgb(125,226,251)
```
#96e8fc
```
#96e8fc rgb(150,232,252)
```
#aeedfd
```
#aeedfd rgb(174,237,253)
```
#c7f3fd
```
#c7f3fd rgb(199,243,253)
```

Monochromatic Color

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

#7dfbf5
```
#7dfbf5 rgb(125,251,245)
```
#7df7fb
```
#7df7fb rgb(125,247,251)
```
#7dedfb
```
#7dedfb rgb(125,237,251)
```
#7de2fb
```
#7de2fb rgb(125,226,251)
```
#7dd8fb
```
#7dd8fb rgb(125,216,251)
```
#7dcdfb
```
#7dcdfb rgb(125,205,251)
```
#7dc3fb
```
#7dc3fb rgb(125,195,251)
```

Similar Colors

Text with hexadecimal color #7de2fb

This text has a font color of #7de2fb.

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

#7de2fb background color

This paragraph has a background color of #7de2fb.

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

#7de2fb border color

This element has a border color of #7de2fb.

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

CSS codes

.text {color:#7de2fb;}

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

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

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 #effbff is the lightest one.

#000303
```
#000303 rgb(0,3,3)
```
#011216
```
#011216 rgb(1,18,22)
```
#012129
```
#012129 rgb(1,33,41)
```
#02313c
```
#02313c rgb(2,49,60)
```
#02404f
```
#02404f rgb(2,64,79)
```
#034f62
```
#034f62 rgb(3,79,98)
```
#045f75
```
#045f75 rgb(4,95,117)
```
#046e88
```
#046e88 rgb(4,110,136)
```
#057e9b
```
#057e9b rgb(5,126,155)
```
#058dae
```
#058dae rgb(5,141,174)
```
#069cc2
```
#069cc2 rgb(6,156,194)
```
#07acd5
```
#07acd5 rgb(7,172,213)
```
#07bbe8
```
#07bbe8 rgb(7,187,232)
```

Shade Color Variation

#0bc9f7
```
#0bc9f7 rgb(11,201,247)
```
#1ecdf8
```
#1ecdf8 rgb(30,205,248)
```
#31d1f9
```
#31d1f9 rgb(49,209,249)
```
#44d5f9
```
#44d5f9 rgb(68,213,249)
```
#57dafa
```
#57dafa rgb(87,218,250)
```
#6adefa
```
#6adefa rgb(106,222,250)
```
#7de2fb
```
#7de2fb rgb(125,226,251)
```
#90e6fc
```
#90e6fc rgb(144,230,252)
```
#a3eafc
```
#a3eafc rgb(163,234,252)
```
#b6effd
```
#b6effd rgb(182,239,253)
```
#c9f3fd
```
#c9f3fd rgb(201,243,253)
```
#dcf7fe
```
#dcf7fe rgb(220,247,254)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

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

#bbbdbd
```
#bbbdbd rgb(187,189,189)
```
#b6c0c2
```
#b6c0c2 rgb(182,192,194)
```
#b1c3c7
```
#b1c3c7 rgb(177,195,199)
```
#abc6cd
```
#abc6cd rgb(171,198,205)
```
#a6c9d2
```
#a6c9d2 rgb(166,201,210)
```
#a1ccd7
```
#a1ccd7 rgb(161,204,215)
```
#9ccfdc
```
#9ccfdc rgb(156,207,220)
```
#97d2e1
```
#97d2e1 rgb(151,210,225)
```
#92d6e6
```
#92d6e6 rgb(146,214,230)
```
#8cd9ec
```
#8cd9ec rgb(140,217,236)
```
#87dcf1
```
#87dcf1 rgb(135,220,241)
```
#82dff6
```
#82dff6 rgb(130,223,246)
```
#7de2fb
```
#7de2fb rgb(125,226,251)
```

Tone Color Variation

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

Dichromacy

#d0d4f2 Protanopia 1% of men
#d2d2ff Deuteranopia 1% of men
#81e4f5 Tritanopia 0.001% of the population

Trichromacy

#b2d9f5 Protanomaly 1% of men, 0.01% of women
#b3d7fd Deuteranomaly 6% of men, 0.4% of women
#7fe3f7 Tritanomaly 0.01% of the population

#7de2fb hex color

#7de2fb Color Information

#7de2fb Color Conversion

Color Schemes with #7de2fb

Alternatives to #7de2fb

#7de2fb Preview

Shades and Tints of #7de2fb

Tones of #7de2fb

Color Blindness Simulator