#7dd7fa hex color

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

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

● #7dd7fa color description : Soft blue.

The hexadecimal color #7dd7fa has RGB values of R:125, G:215, B:250 and CMYK values of C:0.5, M:0.14, Y:0, K:0.02. Its decimal value is 8247290.

Hex triplet	7dd7fa	`#7dd7fa`
RGB Decimal	125, 215, 250	`rgb(125,215,250)`
RGB Percent	49, 84.3, 98	`rgb(49%,84.3%,98%)`
CMYK	50, 14, 0, 2
HSL	196.8°, 92.6, 73.5	`hsl(196.8,92.6%,73.5%)`
HSV (or HSB)	196.8°, 50, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.762, -17.737, -25.433
XYZ	50.009, 59.86, 99.356
xyY	0.239, 0.286, 59.86
CIE-LCH	81.762, 31.007, 235.108
CIE-LUV	81.762, -39.641, -38.215
Hunter-Lab	77.369, -20.02, -21.981
Binary	01111101, 11010111, 11111010

#7dd7fa
```
#7dd7fa rgb(125,215,250)
```
#faa07d
```
#faa07d rgb(250,160,125)
```

Complementary Color

#7dfadf
```
#7dfadf rgb(125,250,223)
```
#7dd7fa
```
#7dd7fa rgb(125,215,250)
```
#7d99fa
```
#7d99fa rgb(125,153,250)
```

Analogous Color

#fadf7d
```
#fadf7d rgb(250,223,125)
```
#7dd7fa
```
#7dd7fa rgb(125,215,250)
```
#fa7d99
```
#fa7d99 rgb(250,125,153)
```

Split Complementary Color

#d7fa7d
```
#d7fa7d rgb(215,250,125)
```
#7dd7fa
```
#7dd7fa rgb(125,215,250)
```
#fa7dd7
```
#fa7dd7 rgb(250,125,215)
```

Triadic Color

#7dfaa0
```
#7dfaa0 rgb(125,250,160)
```
#7dd7fa
```
#7dd7fa rgb(125,215,250)
```
#fa7dd7
```
#fa7dd7 rgb(250,125,215)
```
#faa07d
```
#faa07d rgb(250,160,125)
```

Tetradic Color

#33c0f7
```
#33c0f7 rgb(51,192,247)
```
#4cc8f8
```
#4cc8f8 rgb(76,200,248)
```
#64cff9
```
#64cff9 rgb(100,207,249)
```
#7dd7fa
```
#7dd7fa rgb(125,215,250)
```
#96dffb
```
#96dffb rgb(150,223,251)
```
#aee6fc
```
#aee6fc rgb(174,230,252)
```
#c7eefd
```
#c7eefd rgb(199,238,253)
```

Monochromatic Color

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

#7df6fa
```
#7df6fa rgb(125,246,250)
```
#7decfa
```
#7decfa rgb(125,236,250)
```
#7de1fa
```
#7de1fa rgb(125,225,250)
```
#7dd7fa
```
#7dd7fa rgb(125,215,250)
```
#7dcdfa
```
#7dcdfa rgb(125,205,250)
```
#7dc2fa
```
#7dc2fa rgb(125,194,250)
```
#7db8fa
```
#7db8fa rgb(125,184,250)
```

Similar Colors

Text with hexadecimal color #7dd7fa

This text has a font color of #7dd7fa.

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

#7dd7fa background color

This paragraph has a background color of #7dd7fa.

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

#7dd7fa border color

This element has a border color of #7dd7fa.

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

CSS codes

.text {color:#7dd7fa;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#010f15
```
#010f15 rgb(1,15,21)
```
#021d28
```
#021d28 rgb(2,29,40)
```
#022b3b
```
#022b3b rgb(2,43,59)
```
#03394e
```
#03394e rgb(3,57,78)
```
#044761
```
#044761 rgb(4,71,97)
```
#045474
```
#045474 rgb(4,84,116)
```
#056286
```
#056286 rgb(5,98,134)
```
#067099
```
#067099 rgb(6,112,153)
```
#077eac
```
#077eac rgb(7,126,172)
```
#078cbf
```
#078cbf rgb(7,140,191)
```
#0899d2
```
#0899d2 rgb(8,153,210)
```
#09a7e5
```
#09a7e5 rgb(9,167,229)
```

Shade Color Variation

#0cb4f6
```
#0cb4f6 rgb(12,180,246)
```
#1fbaf6
```
#1fbaf6 rgb(31,186,246)
```
#31c0f7
```
#31c0f7 rgb(49,192,247)
```
#44c6f8
```
#44c6f8 rgb(68,198,248)
```
#57cbf9
```
#57cbf9 rgb(87,203,249)
```
#6ad1f9
```
#6ad1f9 rgb(106,209,249)
```
#7dd7fa
```
#7dd7fa rgb(125,215,250)
```
#90ddfb
```
#90ddfb rgb(144,221,251)
```
#a3e3fb
```
#a3e3fb rgb(163,227,251)
```
#b6e8fc
```
#b6e8fc rgb(182,232,252)
```
#c9eefd
```
#c9eefd rgb(201,238,253)
```
#dbf4fe
```
#dbf4fe rgb(219,244,254)
```
#eefafe
```
#eefafe rgb(238,250,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 #7dd7fa is the most saturated one.

#bbbcbc
```
#bbbcbc rgb(187,188,188)
```
#b6bec1
```
#b6bec1 rgb(182,190,193)
```
#b1c0c6
```
#b1c0c6 rgb(177,192,198)
```
#acc2cb
```
#acc2cb rgb(172,194,203)
```
#a7c5d0
```
#a7c5d0 rgb(167,197,208)
```
#a1c7d6
```
#a1c7d6 rgb(161,199,214)
```
#9cc9db
```
#9cc9db rgb(156,201,219)
```
#97cce0
```
#97cce0 rgb(151,204,224)
```
#92cee5
```
#92cee5 rgb(146,206,229)
```
#8dd0ea
```
#8dd0ea rgb(141,208,234)
```
#87d2f0
```
#87d2f0 rgb(135,210,240)
```
#82d5f5
```
#82d5f5 rgb(130,213,245)
```
#7dd7fa
```
#7dd7fa rgb(125,215,250)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b3c5cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5ccf2 Protanopia 1% of men
#c5caff Deuteranopia 1% of men
#7ddbeb Tritanopia 0.001% of the population

Trichromacy

#abd0f5 Protanomaly 1% of men, 0.01% of women
#abcffd Deuteranomaly 6% of men, 0.4% of women
#7dd9f0 Tritanomaly 0.01% of the population

#7dd7fa hex color

#7dd7fa Color Information

#7dd7fa Color Conversion

Color Schemes with #7dd7fa

Alternatives to #7dd7fa

#7dd7fa Preview

Shades and Tints of #7dd7fa

Tones of #7dd7fa

Color Blindness Simulator