#7dd4fd hex color

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

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

● #7dd4fd color description : Soft blue.

The hexadecimal color #7dd4fd has RGB values of R:125, G:212, B:253 and CMYK values of C:0.51, M:0.16, Y:0, K:0.01. Its decimal value is 8246525.

Hex triplet	7dd4fd	`#7dd4fd`
RGB Decimal	125, 212, 253	`rgb(125,212,253)`
RGB Percent	49, 83.1, 99.2	`rgb(49%,83.1%,99.2%)`
CMYK	51, 16, 0, 1
HSL	199.2°, 97, 74.1	`hsl(199.2,97%,74.1%)`
HSV (or HSB)	199.2°, 50.6, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.036, -15.369, -28.135
XYZ	49.726, 58.536, 101.601
xyY	0.237, 0.279, 58.536
CIE-LCH	81.036, 32.059, 241.355
CIE-LUV	81.036, -38.415, -43.105
Hunter-Lab	76.509, -17.876, -25.179
Binary	01111101, 11010100, 11111101

#7dd4fd
```
#7dd4fd rgb(125,212,253)
```
#fda67d
```
#fda67d rgb(253,166,125)
```

Complementary Color

#7dfde6
```
#7dfde6 rgb(125,253,230)
```
#7dd4fd
```
#7dd4fd rgb(125,212,253)
```
#7d94fd
```
#7d94fd rgb(125,148,253)
```

Analogous Color

#fde67d
```
#fde67d rgb(253,230,125)
```
#7dd4fd
```
#7dd4fd rgb(125,212,253)
```
#fd7d94
```
#fd7d94 rgb(253,125,148)
```

Split Complementary Color

#d4fd7d
```
#d4fd7d rgb(212,253,125)
```
#7dd4fd
```
#7dd4fd rgb(125,212,253)
```
#fd7dd4
```
#fd7dd4 rgb(253,125,212)
```

Triadic Color

#7dfda6
```
#7dfda6 rgb(125,253,166)
```
#7dd4fd
```
#7dd4fd rgb(125,212,253)
```
#fd7dd4
```
#fd7dd4 rgb(253,125,212)
```
#fda67d
```
#fda67d rgb(253,166,125)
```

Tetradic Color

#32bbfc
```
#32bbfc rgb(50,187,252)
```
#4bc3fc
```
#4bc3fc rgb(75,195,252)
```
#64ccfd
```
#64ccfd rgb(100,204,253)
```
#7dd4fd
```
#7dd4fd rgb(125,212,253)
```
#96dcfd
```
#96dcfd rgb(150,220,253)
```
#afe5fe
```
#afe5fe rgb(175,229,254)
```
#c8edfe
```
#c8edfe rgb(200,237,254)
```

Monochromatic Color

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

#7df4fd
```
#7df4fd rgb(125,244,253)
```
#7de9fd
```
#7de9fd rgb(125,233,253)
```
#7ddffd
```
#7ddffd rgb(125,223,253)
```
#7dd4fd
```
#7dd4fd rgb(125,212,253)
```
#7dc9fd
```
#7dc9fd rgb(125,201,253)
```
#7dbffd
```
#7dbffd rgb(125,191,253)
```
#7db4fd
```
#7db4fd rgb(125,180,253)
```

Similar Colors

Text with hexadecimal color #7dd4fd

This text has a font color of #7dd4fd.

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

#7dd4fd background color

This paragraph has a background color of #7dd4fd.

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

#7dd4fd border color

This element has a border color of #7dd4fd.

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

CSS codes

.text {color:#7dd4fd;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001119
```
#001119 rgb(0,17,25)
```
#011e2c
```
#011e2c rgb(1,30,44)
```
#012b3f
```
#012b3f rgb(1,43,63)
```
#013853
```
#013853 rgb(1,56,83)
```
#024666
```
#024666 rgb(2,70,102)
```
#025379
```
#025379 rgb(2,83,121)
```
#02608c
```
#02608c rgb(2,96,140)
```
#026da0
```
#026da0 rgb(2,109,160)
```
#037bb3
```
#037bb3 rgb(3,123,179)
```
#0388c6
```
#0388c6 rgb(3,136,198)
```
#0395da
```
#0395da rgb(3,149,218)
```
#04a2ed
```
#04a2ed rgb(4,162,237)
```

Shade Color Variation

#09aefb
```
#09aefb rgb(9,174,251)
```
#1cb4fc
```
#1cb4fc rgb(28,180,252)
```
#30bafc
```
#30bafc rgb(48,186,252)
```
#43c1fc
```
#43c1fc rgb(67,193,252)
```
#56c7fc
```
#56c7fc rgb(86,199,252)
```
#6acefd
```
#6acefd rgb(106,206,253)
```
#7dd4fd
```
#7dd4fd rgb(125,212,253)
```
#90dafd
```
#90dafd rgb(144,218,253)
```
#a4e1fe
```
#a4e1fe rgb(164,225,254)
```
#b7e7fe
```
#b7e7fe rgb(183,231,254)
```
#caeefe
```
#caeefe rgb(202,238,254)
```
#def4fe
```
#def4fe rgb(222,244,254)
```
#f1faff
```
#f1faff rgb(241,250,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 #7dd4fd is the most saturated one.

#babec0
```
#babec0 rgb(186,190,192)
```
#b5c0c5
```
#b5c0c5 rgb(181,192,197)
```
#b0c2ca
```
#b0c2ca rgb(176,194,202)
```
#abc4cf
```
#abc4cf rgb(171,196,207)
```
#a6c5d4
```
#a6c5d4 rgb(166,197,212)
```
#a1c7d9
```
#a1c7d9 rgb(161,199,217)
```
#9bc9df
```
#9bc9df rgb(155,201,223)
```
#96cbe4
```
#96cbe4 rgb(150,203,228)
```
#91cde9
```
#91cde9 rgb(145,205,233)
```
#8ccfee
```
#8ccfee rgb(140,207,238)
```
#87d0f3
```
#87d0f3 rgb(135,208,243)
```
#82d2f8
```
#82d2f8 rgb(130,210,248)
```
#7dd4fd
```
#7dd4fd rgb(125,212,253)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b2c3cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1caf5 Protanopia 1% of men
#c1c9ff Deuteranopia 1% of men
#7bd9e9 Tritanopia 0.001% of the population

Trichromacy

#a8cdf8 Protanomaly 1% of men, 0.01% of women
#a8cdfe Deuteranomaly 6% of men, 0.4% of women
#7bd7f0 Tritanomaly 0.01% of the population

#7dd4fd hex color

#7dd4fd Color Information

#7dd4fd Color Conversion

Color Schemes with #7dd4fd

Alternatives to #7dd4fd

#7dd4fd Preview

Shades and Tints of #7dd4fd

Tones of #7dd4fd

Color Blindness Simulator