#7dc9fd hex color

In a RGB color space, hex #7dc9fd is composed of 49% red, 78.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 20.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.4 degrees, a saturation of 97% and a lightness of 74.1%. #7dc9fd color hex could be obtained by blending #faffff with #0093fb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 79
- B 99
RGB color chart
- C 51
- M 21
- Y 0
- K 1
CMYK color chart

● #7dc9fd color description : Soft blue.

The hexadecimal color #7dc9fd has RGB values of R:125, G:201, B:253 and CMYK values of C:0.51, M:0.21, Y:0, K:0.01. Its decimal value is 8243709.

Hex triplet	7dc9fd	`#7dc9fd`
RGB Decimal	125, 201, 253	`rgb(125,201,253)`
RGB Percent	49, 78.8, 99.2	`rgb(49%,78.8%,99.2%)`
CMYK	51, 21, 0, 1
HSL	204.4°, 97, 74.1	`hsl(204.4,97%,74.1%)`
HSV (or HSB)	204.4°, 50.6, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.006, -9.616, -32.789
XYZ	47.069, 53.222, 100.716
xyY	0.234, 0.265, 53.222
CIE-LCH	78.006, 34.17, 253.655
CIE-LUV	78.006, -34.246, -51.642
Hunter-Lab	72.954, -12.501, -30.785
Binary	01111101, 11001001, 11111101

#7dc9fd
```
#7dc9fd rgb(125,201,253)
```
#fdb17d
```
#fdb17d rgb(253,177,125)
```

Complementary Color

#7dfdf1
```
#7dfdf1 rgb(125,253,241)
```
#7dc9fd
```
#7dc9fd rgb(125,201,253)
```
#7d89fd
```
#7d89fd rgb(125,137,253)
```

Analogous Color

#fdf17d
```
#fdf17d rgb(253,241,125)
```
#7dc9fd
```
#7dc9fd rgb(125,201,253)
```
#fd7d89
```
#fd7d89 rgb(253,125,137)
```

Split Complementary Color

#c9fd7d
```
#c9fd7d rgb(201,253,125)
```
#7dc9fd
```
#7dc9fd rgb(125,201,253)
```
#fd7dc9
```
#fd7dc9 rgb(253,125,201)
```

Triadic Color

#7dfdb1
```
#7dfdb1 rgb(125,253,177)
```
#7dc9fd
```
#7dc9fd rgb(125,201,253)
```
#fd7dc9
```
#fd7dc9 rgb(253,125,201)
```
#fdb17d
```
#fdb17d rgb(253,177,125)
```

Tetradic Color

#32aafc
```
#32aafc rgb(50,170,252)
```
#4bb4fc
```
#4bb4fc rgb(75,180,252)
```
#64bffd
```
#64bffd rgb(100,191,253)
```
#7dc9fd
```
#7dc9fd rgb(125,201,253)
```
#96d3fd
```
#96d3fd rgb(150,211,253)
```
#afdefe
```
#afdefe rgb(175,222,254)
```
#c8e8fe
```
#c8e8fe rgb(200,232,254)
```

Monochromatic Color

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

#7de9fd
```
#7de9fd rgb(125,233,253)
```
#7ddefd
```
#7ddefd rgb(125,222,253)
```
#7dd4fd
```
#7dd4fd rgb(125,212,253)
```
#7dc9fd
```
#7dc9fd rgb(125,201,253)
```
#7dbefd
```
#7dbefd rgb(125,190,253)
```
#7db4fd
```
#7db4fd rgb(125,180,253)
```
#7da9fd
```
#7da9fd rgb(125,169,253)
```

Similar Colors

Text with hexadecimal color #7dc9fd

This text has a font color of #7dc9fd.

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

#7dc9fd background color

This paragraph has a background color of #7dc9fd.

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

#7dc9fd border color

This element has a border color of #7dc9fd.

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

CSS codes

.text {color:#7dc9fd;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000f19
```
#000f19 rgb(0,15,25)
```
#011a2c
```
#011a2c rgb(1,26,44)
```
#01263f
```
#01263f rgb(1,38,63)
```
#013253
```
#013253 rgb(1,50,83)
```
#023d66
```
#023d66 rgb(2,61,102)
```
#024979
```
#024979 rgb(2,73,121)
```
#02548c
```
#02548c rgb(2,84,140)
```
#0260a0
```
#0260a0 rgb(2,96,160)
```
#036bb3
```
#036bb3 rgb(3,107,179)
```
#0377c6
```
#0377c6 rgb(3,119,198)
```
#0383da
```
#0383da rgb(3,131,218)
```
#048eed
```
#048eed rgb(4,142,237)
```

Shade Color Variation

#0999fb
```
#0999fb rgb(9,153,251)
```
#1ca1fc
```
#1ca1fc rgb(28,161,252)
```
#30a9fc
```
#30a9fc rgb(48,169,252)
```
#43b1fc
```
#43b1fc rgb(67,177,252)
```
#56b9fc
```
#56b9fc rgb(86,185,252)
```
#6ac1fd
```
#6ac1fd rgb(106,193,253)
```
#7dc9fd
```
#7dc9fd rgb(125,201,253)
```
#90d1fd
```
#90d1fd rgb(144,209,253)
```
#a4d9fe
```
#a4d9fe rgb(164,217,254)
```
#b7e1fe
```
#b7e1fe rgb(183,225,254)
```
#cae9fe
```
#cae9fe rgb(202,233,254)
```
#def1fe
```
#def1fe rgb(222,241,254)
```
#f1f9ff
```
#f1f9ff rgb(241,249,255)
```

Tint Color Variation

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

#babec0
```
#babec0 rgb(186,190,192)
```
#b5bfc5
```
#b5bfc5 rgb(181,191,197)
```
#b0bfca
```
#b0bfca rgb(176,191,202)
```
#abc0cf
```
#abc0cf rgb(171,192,207)
```
#a6c1d4
```
#a6c1d4 rgb(166,193,212)
```
#a1c2d9
```
#a1c2d9 rgb(161,194,217)
```
#9bc3df
```
#9bc3df rgb(155,195,223)
```
#96c4e4
```
#96c4e4 rgb(150,196,228)
```
#91c5e9
```
#91c5e9 rgb(145,197,233)
```
#8cc6ee
```
#8cc6ee rgb(140,198,238)
```
#87c7f3
```
#87c7f3 rgb(135,199,243)
```
#82c8f8
```
#82c8f8 rgb(130,200,248)
```
#7dc9fd
```
#7dc9fd rgb(125,201,253)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#acbbc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5c2f6 Protanopia 1% of men
#b2c1ff Deuteranopia 1% of men
#77d1e0 Tritanopia 0.001% of the population

Trichromacy

#a0c4f8 Protanomaly 1% of men, 0.01% of women
#9fc4fe Deuteranomaly 6% of men, 0.4% of women
#79ceea Tritanomaly 0.01% of the population

#7dc9fd hex color

#7dc9fd Color Information

#7dc9fd Color Conversion

Color Schemes with #7dc9fd

Alternatives to #7dc9fd

#7dc9fd Preview

Shades and Tints of #7dc9fd

Tones of #7dc9fd

Color Blindness Simulator