#7caffd hex color

In a RGB color space, hex #7caffd is composed of 48.6% red, 68.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 30.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.3 degrees, a saturation of 97% and a lightness of 73.9%. #7caffd color hex could be obtained by blending #f8ffff with #005ffb. Closest websafe color is: #6699ff.

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

● #7caffd color description : Soft blue.

The hexadecimal color #7caffd has RGB values of R:124, G:175, B:253 and CMYK values of C:0.51, M:0.31, Y:0, K:0.01. Its decimal value is 8171517.

Hex triplet	7caffd	`#7caffd`
RGB Decimal	124, 175, 253	`rgb(124,175,253)`
RGB Percent	48.6, 68.6, 99.2	`rgb(48.6%,68.6%,99.2%)`
CMYK	51, 31, 0, 1
HSL	216.3°, 97, 73.9	`hsl(216.3,97%,73.9%)`
HSV (or HSB)	216.3°, 51, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.895, 4.371, -43.844
XYZ	41.368, 42.035, 98.857
xyY	0.227, 0.231, 42.035
CIE-LCH	70.895, 44.061, 275.693
CIE-LUV	70.895, -24.865, -71.613
Hunter-Lab	64.834, 0.433, -45.019
Binary	01111100, 10101111, 11111101

#7caffd
```
#7caffd rgb(124,175,253)
```
#fdca7c
```
#fdca7c rgb(253,202,124)
```

Complementary Color

#7cf0fd
```
#7cf0fd rgb(124,240,253)
```
#7caffd
```
#7caffd rgb(124,175,253)
```
#8a7cfd
```
#8a7cfd rgb(138,124,253)
```

Analogous Color

#f0fd7c
```
#f0fd7c rgb(240,253,124)
```
#7caffd
```
#7caffd rgb(124,175,253)
```
#fd8a7c
```
#fd8a7c rgb(253,138,124)
```

Split Complementary Color

#affd7c
```
#affd7c rgb(175,253,124)
```
#7caffd
```
#7caffd rgb(124,175,253)
```
#fd7caf
```
#fd7caf rgb(253,124,175)
```

Triadic Color

#7cfdca
```
#7cfdca rgb(124,253,202)
```
#7caffd
```
#7caffd rgb(124,175,253)
```
#fd7caf
```
#fd7caf rgb(253,124,175)
```
#fdca7c
```
#fdca7c rgb(253,202,124)
```

Tetradic Color

#3181fc
```
#3181fc rgb(49,129,252)
```
#4a90fc
```
#4a90fc rgb(74,144,252)
```
#63a0fd
```
#63a0fd rgb(99,160,253)
```
#7caffd
```
#7caffd rgb(124,175,253)
```
#95befd
```
#95befd rgb(149,190,253)
```
#aecefe
```
#aecefe rgb(174,206,254)
```
#c7ddfe
```
#c7ddfe rgb(199,221,254)
```

Monochromatic Color

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

#7ccffd
```
#7ccffd rgb(124,207,253)
```
#7cc5fd
```
#7cc5fd rgb(124,197,253)
```
#7cbafd
```
#7cbafd rgb(124,186,253)
```
#7caffd
```
#7caffd rgb(124,175,253)
```
#7ca4fd
```
#7ca4fd rgb(124,164,253)
```
#7c9afd
```
#7c9afd rgb(124,154,253)
```
#7c8ffd
```
#7c8ffd rgb(124,143,253)
```

Similar Colors

Text with hexadecimal color #7caffd

This text has a font color of #7caffd.

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

#7caffd background color

This paragraph has a background color of #7caffd.

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

#7caffd border color

This element has a border color of #7caffd.

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

CSS codes

.text {color:#7caffd;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000a18
```
#000a18 rgb(0,10,24)
```
#01112b
```
#01112b rgb(1,17,43)
```
#01193e
```
#01193e rgb(1,25,62)
```
#012152
```
#012152 rgb(1,33,82)
```
#022965
```
#022965 rgb(2,41,101)
```
#023178
```
#023178 rgb(2,49,120)
```
#02388b
```
#02388b rgb(2,56,139)
```
#02409f
```
#02409f rgb(2,64,159)
```
#0348b2
```
#0348b2 rgb(3,72,178)
```
#0350c5
```
#0350c5 rgb(3,80,197)
```
#0358d9
```
#0358d9 rgb(3,88,217)
```
#0460ec
```
#0460ec rgb(4,96,236)
```

Shade Color Variation

#0868fb
```
#0868fb rgb(8,104,251)
```
#1b74fc
```
#1b74fc rgb(27,116,252)
```
#2f80fc
```
#2f80fc rgb(47,128,252)
```
#428cfc
```
#428cfc rgb(66,140,252)
```
#5597fc
```
#5597fc rgb(85,151,252)
```
#69a3fd
```
#69a3fd rgb(105,163,253)
```
#7caffd
```
#7caffd rgb(124,175,253)
```
#8fbbfd
```
#8fbbfd rgb(143,187,253)
```
#a3c7fe
```
#a3c7fe rgb(163,199,254)
```
#b6d2fe
```
#b6d2fe rgb(182,210,254)
```
#c9defe
```
#c9defe rgb(201,222,254)
```
#ddeafe
```
#ddeafe rgb(221,234,254)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#b9bcc0
```
#b9bcc0 rgb(185,188,192)
```
#b4bbc5
```
#b4bbc5 rgb(180,187,197)
```
#afbaca
```
#afbaca rgb(175,186,202)
```
#aab9cf
```
#aab9cf rgb(170,185,207)
```
#a5b8d4
```
#a5b8d4 rgb(165,184,212)
```
#a0b6d9
```
#a0b6d9 rgb(160,182,217)
```
#9bb5de
```
#9bb5de rgb(155,181,222)
```
#96b4e3
```
#96b4e3 rgb(150,180,227)
```
#90b3e9
```
#90b3e9 rgb(144,179,233)
```
#8bb2ee
```
#8bb2ee rgb(139,178,238)
```
#86b1f3
```
#86b1f3 rgb(134,177,243)
```
#81b0f8
```
#81b0f8 rgb(129,176,248)
```
#7caffd
```
#7caffd rgb(124,175,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a0aaba Atypical Achromatopsia 0.001% of the population

Dichromacy

#97affa Protanopia 1% of men
#8db0fe Deuteranopia 1% of men
#6dbdcb Tritanopia 0.001% of the population

Trichromacy

#8daffb Protanomaly 1% of men, 0.01% of women
#87b0fd Deuteranomaly 6% of men, 0.4% of women
#72b8dd Tritanomaly 0.01% of the population

#7caffd hex color

#7caffd Color Information

#7caffd Color Conversion

Color Schemes with #7caffd

Alternatives to #7caffd

#7caffd Preview

Shades and Tints of #7caffd

Tones of #7caffd

Color Blindness Simulator