#7cd5fd hex color

In a RGB color space, hex #7cd5fd is composed of 48.6% red, 83.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 15.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 198.6 degrees, a saturation of 97% and a lightness of 73.9%. #7cd5fd color hex could be obtained by blending #f8ffff with #00abfb. Closest websafe color is: #66ccff.

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

● #7cd5fd color description : Soft blue.

The hexadecimal color #7cd5fd has RGB values of R:124, G:213, B:253 and CMYK values of C:0.51, M:0.16, Y:0, K:0.01. Its decimal value is 8181245.

Hex triplet	7cd5fd	`#7cd5fd`
RGB Decimal	124, 213, 253	`rgb(124,213,253)`
RGB Percent	48.6, 83.5, 99.2	`rgb(48.6%,83.5%,99.2%)`
CMYK	51, 16, 0, 1
HSL	198.6°, 97, 73.9	`hsl(198.6,97%,73.9%)`
HSV (or HSB)	198.6°, 51, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.271, -16.097, -27.779
XYZ	49.832, 58.962, 101.678
xyY	0.237, 0.28, 58.962
CIE-LCH	81.271, 32.106, 239.908
CIE-LUV	81.271, -39.093, -42.411
Hunter-Lab	76.787, -18.538, -24.758
Binary	01111100, 11010101, 11111101

#7cd5fd
```
#7cd5fd rgb(124,213,253)
```
#fda47c
```
#fda47c rgb(253,164,124)
```

Complementary Color

#7cfde5
```
#7cfde5 rgb(124,253,229)
```
#7cd5fd
```
#7cd5fd rgb(124,213,253)
```
#7c95fd
```
#7c95fd rgb(124,149,253)
```

Analogous Color

#fde57c
```
#fde57c rgb(253,229,124)
```
#7cd5fd
```
#7cd5fd rgb(124,213,253)
```
#fd7c95
```
#fd7c95 rgb(253,124,149)
```

Split Complementary Color

#d5fd7c
```
#d5fd7c rgb(213,253,124)
```
#7cd5fd
```
#7cd5fd rgb(124,213,253)
```
#fd7cd5
```
#fd7cd5 rgb(253,124,213)
```

Triadic Color

#7cfda4
```
#7cfda4 rgb(124,253,164)
```
#7cd5fd
```
#7cd5fd rgb(124,213,253)
```
#fd7cd5
```
#fd7cd5 rgb(253,124,213)
```
#fda47c
```
#fda47c rgb(253,164,124)
```

Tetradic Color

#31bdfc
```
#31bdfc rgb(49,189,252)
```
#4ac5fc
```
#4ac5fc rgb(74,197,252)
```
#63cdfd
```
#63cdfd rgb(99,205,253)
```
#7cd5fd
```
#7cd5fd rgb(124,213,253)
```
#95ddfd
```
#95ddfd rgb(149,221,253)
```
#aee5fe
```
#aee5fe rgb(174,229,254)
```
#c7edfe
```
#c7edfe rgb(199,237,254)
```

Monochromatic Color

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

#7cf5fd
```
#7cf5fd rgb(124,245,253)
```
#7cebfd
```
#7cebfd rgb(124,235,253)
```
#7ce0fd
```
#7ce0fd rgb(124,224,253)
```
#7cd5fd
```
#7cd5fd rgb(124,213,253)
```
#7ccafd
```
#7ccafd rgb(124,202,253)
```
#7cc0fd
```
#7cc0fd rgb(124,192,253)
```
#7cb5fd
```
#7cb5fd rgb(124,181,253)
```

Similar Colors

Text with hexadecimal color #7cd5fd

This text has a font color of #7cd5fd.

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

#7cd5fd background color

This paragraph has a background color of #7cd5fd.

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

#7cd5fd border color

This element has a border color of #7cd5fd.

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

CSS codes

.text {color:#7cd5fd;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001018
```
#001018 rgb(0,16,24)
```
#011e2b
```
#011e2b rgb(1,30,43)
```
#012b3e
```
#012b3e rgb(1,43,62)
```
#013952
```
#013952 rgb(1,57,82)
```
#024665
```
#024665 rgb(2,70,101)
```
#025378
```
#025378 rgb(2,83,120)
```
#02618b
```
#02618b rgb(2,97,139)
```
#026e9f
```
#026e9f rgb(2,110,159)
```
#037cb2
```
#037cb2 rgb(3,124,178)
```
#0389c5
```
#0389c5 rgb(3,137,197)
```
#0397d9
```
#0397d9 rgb(3,151,217)
```
#04a4ec
```
#04a4ec rgb(4,164,236)
```

Shade Color Variation

#08b0fb
```
#08b0fb rgb(8,176,251)
```
#1bb6fc
```
#1bb6fc rgb(27,182,252)
```
#2fbcfc
```
#2fbcfc rgb(47,188,252)
```
#42c2fc
```
#42c2fc rgb(66,194,252)
```
#55c9fc
```
#55c9fc rgb(85,201,252)
```
#69cffd
```
#69cffd rgb(105,207,253)
```
#7cd5fd
```
#7cd5fd rgb(124,213,253)
```
#8fdbfd
```
#8fdbfd rgb(143,219,253)
```
#a3e1fe
```
#a3e1fe rgb(163,225,254)
```
#b6e8fe
```
#b6e8fe rgb(182,232,254)
```
#c9eefe
```
#c9eefe rgb(201,238,254)
```
#ddf4fe
```
#ddf4fe rgb(221,244,254)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

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

#b9bec0
```
#b9bec0 rgb(185,190,192)
```
#b4c0c5
```
#b4c0c5 rgb(180,192,197)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#aac4cf
```
#aac4cf rgb(170,196,207)
```
#a5c5d4
```
#a5c5d4 rgb(165,197,212)
```
#a0c7d9
```
#a0c7d9 rgb(160,199,217)
```
#9bc9de
```
#9bc9de rgb(155,201,222)
```
#96cbe3
```
#96cbe3 rgb(150,203,227)
```
#90cde9
```
#90cde9 rgb(144,205,233)
```
#8bcfee
```
#8bcfee rgb(139,207,238)
```
#86d1f3
```
#86d1f3 rgb(134,209,243)
```
#81d3f8
```
#81d3f8 rgb(129,211,248)
```
#7cd5fd
```
#7cd5fd rgb(124,213,253)
```

Tone Color Variation

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

#c2caf5 Protanopia 1% of men
#c2c9ff Deuteranopia 1% of men
#7adaea Tritanopia 0.001% of the population

Trichromacy

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

#7cd5fd hex color

#7cd5fd Color Information

#7cd5fd Color Conversion

Color Schemes with #7cd5fd

Alternatives to #7cd5fd

#7cd5fd Preview

Shades and Tints of #7cd5fd

Tones of #7cd5fd

Color Blindness Simulator