#7df0fa hex color

In a RGB color space, hex #7df0fa is composed of 49% red, 94.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 4% magenta, 0% yellow and 2% black. It has a hue angle of 184.8 degrees, a saturation of 92.6% and a lightness of 73.5%. #7df0fa color hex could be obtained by blending #faffff with #00e1f5. Closest websafe color is: #66ffff.

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

● #7df0fa color description : Soft cyan.

The hexadecimal color #7df0fa has RGB values of R:125, G:240, B:250 and CMYK values of C:0.5, M:0.04, Y:0, K:0.02. Its decimal value is 8253690.

Hex triplet	7df0fa	`#7df0fa`
RGB Decimal	125, 240, 250	`rgb(125,240,250)`
RGB Percent	49, 94.1, 98	`rgb(49%,94.1%,98%)`
CMYK	50, 4, 0, 2
HSL	184.8°, 92.6, 73.5	`hsl(184.8,92.6%,73.5%)`
HSV (or HSB)	184.8°, 50, 98
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.723, -30.07, -14.908
XYZ	56.868, 73.578, 101.642
xyY	0.245, 0.317, 73.578
CIE-LCH	88.723, 33.563, 206.371
CIE-LUV	88.723, -49.156, -18.99
Hunter-Lab	85.778, -31.771, -10.211
Binary	01111101, 11110000, 11111010

#7df0fa
```
#7df0fa rgb(125,240,250)
```
#fa877d
```
#fa877d rgb(250,135,125)
```

Complementary Color

#7dfac6
```
#7dfac6 rgb(125,250,198)
```
#7df0fa
```
#7df0fa rgb(125,240,250)
```
#7db2fa
```
#7db2fa rgb(125,178,250)
```

Analogous Color

#fac67d
```
#fac67d rgb(250,198,125)
```
#7df0fa
```
#7df0fa rgb(125,240,250)
```
#fa7db2
```
#fa7db2 rgb(250,125,178)
```

Split Complementary Color

#f0fa7d
```
#f0fa7d rgb(240,250,125)
```
#7df0fa
```
#7df0fa rgb(125,240,250)
```
#fa7df0
```
#fa7df0 rgb(250,125,240)
```

Triadic Color

#7dfa87
```
#7dfa87 rgb(125,250,135)
```
#7df0fa
```
#7df0fa rgb(125,240,250)
```
#fa7df0
```
#fa7df0 rgb(250,125,240)
```
#fa877d
```
#fa877d rgb(250,135,125)
```

Tetradic Color

#33e8f7
```
#33e8f7 rgb(51,232,247)
```
#4ceaf8
```
#4ceaf8 rgb(76,234,248)
```
#64edf9
```
#64edf9 rgb(100,237,249)
```
#7df0fa
```
#7df0fa rgb(125,240,250)
```
#96f3fb
```
#96f3fb rgb(150,243,251)
```
#aef6fc
```
#aef6fc rgb(174,246,252)
```
#c7f9fd
```
#c7f9fd rgb(199,249,253)
```

Monochromatic Color

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

#7dfae5
```
#7dfae5 rgb(125,250,229)
```
#7dfaef
```
#7dfaef rgb(125,250,239)
```
#7dfafa
```
#7dfafa rgb(125,250,250)
```
#7df0fa
```
#7df0fa rgb(125,240,250)
```
#7de6fa
```
#7de6fa rgb(125,230,250)
```
#7ddbfa
```
#7ddbfa rgb(125,219,250)
```
#7dd1fa
```
#7dd1fa rgb(125,209,250)
```

Similar Colors

Text with hexadecimal color #7df0fa

This text has a font color of #7df0fa.

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

#7df0fa background color

This paragraph has a background color of #7df0fa.

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

#7df0fa border color

This element has a border color of #7df0fa.

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

CSS codes

.text {color:#7df0fa;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011315
```
#011315 rgb(1,19,21)
```
#022528
```
#022528 rgb(2,37,40)
```
#02363b
```
#02363b rgb(2,54,59)
```
#03484e
```
#03484e rgb(3,72,78)
```
#045961
```
#045961 rgb(4,89,97)
```
#046b74
```
#046b74 rgb(4,107,116)
```
#057c86
```
#057c86 rgb(5,124,134)
```
#068e99
```
#068e99 rgb(6,142,153)
```
#079fac
```
#079fac rgb(7,159,172)
```
#07b0bf
```
#07b0bf rgb(7,176,191)
```
#08c2d2
```
#08c2d2 rgb(8,194,210)
```
#09d3e5
```
#09d3e5 rgb(9,211,229)
```

Shade Color Variation

#0ce3f6
```
#0ce3f6 rgb(12,227,246)
```
#1fe5f6
```
#1fe5f6 rgb(31,229,246)
```
#31e7f7
```
#31e7f7 rgb(49,231,247)
```
#44e9f8
```
#44e9f8 rgb(68,233,248)
```
#57ecf9
```
#57ecf9 rgb(87,236,249)
```
#6aeef9
```
#6aeef9 rgb(106,238,249)
```
#7df0fa
```
#7df0fa rgb(125,240,250)
```
#90f2fb
```
#90f2fb rgb(144,242,251)
```
#a3f4fb
```
#a3f4fb rgb(163,244,251)
```
#b6f7fc
```
#b6f7fc rgb(182,247,252)
```
#c9f9fd
```
#c9f9fd rgb(201,249,253)
```
#dbfbfe
```
#dbfbfe rgb(219,251,254)
```
#eefdfe
```
#eefdfe rgb(238,253,254)
```

Tint Color Variation

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

#bbbcbc
```
#bbbcbc rgb(187,188,188)
```
#b6c0c1
```
#b6c0c1 rgb(182,192,193)
```
#b1c4c6
```
#b1c4c6 rgb(177,196,198)
```
#acc9cb
```
#acc9cb rgb(172,201,203)
```
#a7cdd0
```
#a7cdd0 rgb(167,205,208)
```
#a1d1d6
```
#a1d1d6 rgb(161,209,214)
```
#9cd6db
```
#9cd6db rgb(156,214,219)
```
#97dae0
```
#97dae0 rgb(151,218,224)
```
#92dfe5
```
#92dfe5 rgb(146,223,229)
```
#8de3ea
```
#8de3ea rgb(141,227,234)
```
#87e7f0
```
#87e7f0 rgb(135,231,240)
```
#82ecf5
```
#82ecf5 rgb(130,236,245)
```
#7df0fa
```
#7df0fa rgb(125,240,250)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#bfd6d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdff0 Protanopia 1% of men
#e3dbff Deuteranopia 1% of men
#8feeff Tritanopia 0.001% of the population

Trichromacy

#bbe5f3 Protanomaly 1% of men, 0.01% of women
#bee3fd Deuteranomaly 6% of men, 0.4% of women
#88effd Tritanomaly 0.01% of the population

#7df0fa hex color

#7df0fa Color Information

#7df0fa Color Conversion

Color Schemes with #7df0fa

Alternatives to #7df0fa

#7df0fa Preview

Shades and Tints of #7df0fa

Tones of #7df0fa

Color Blindness Simulator