#7caffc hex color

In a RGB color space, hex #7caffc is composed of 48.6% red, 68.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 30.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 216.1 degrees, a saturation of 95.5% and a lightness of 73.7%. #7caffc color hex could be obtained by blending #f8ffff with #005ff9. 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

● #7caffc color description : Soft blue.

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

Hex triplet	7caffc	`#7caffc`
RGB Decimal	124, 175, 252	`rgb(124,175,252)`
RGB Percent	48.6, 68.6, 98.8	`rgb(48.6%,68.6%,98.8%)`
CMYK	51, 31, 0, 1
HSL	216.1°, 95.5, 73.7	`hsl(216.1,95.5%,73.7%)`
HSV (or HSB)	216.1°, 50.8, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.851, 4.074, -43.371
XYZ	41.209, 41.971, 98.02
xyY	0.227, 0.232, 41.971
CIE-LCH	70.851, 43.562, 275.366
CIE-LUV	70.851, -24.866, -70.764
Hunter-Lab	64.785, 0.167, -44.356
Binary	01111100, 10101111, 11111100

#7caffc
```
#7caffc rgb(124,175,252)
```
#fcc97c
```
#fcc97c rgb(252,201,124)
```

Complementary Color

#7ceffc
```
#7ceffc rgb(124,239,252)
```
#7caffc
```
#7caffc rgb(124,175,252)
```
#897cfc
```
#897cfc rgb(137,124,252)
```

Analogous Color

#effc7c
```
#effc7c rgb(239,252,124)
```
#7caffc
```
#7caffc rgb(124,175,252)
```
#fc897c
```
#fc897c rgb(252,137,124)
```

Split Complementary Color

#affc7c
```
#affc7c rgb(175,252,124)
```
#7caffc
```
#7caffc rgb(124,175,252)
```
#fc7caf
```
#fc7caf rgb(252,124,175)
```

Triadic Color

#7cfcc9
```
#7cfcc9 rgb(124,252,201)
```
#7caffc
```
#7caffc rgb(124,175,252)
```
#fc7caf
```
#fc7caf rgb(252,124,175)
```
#fcc97c
```
#fcc97c rgb(252,201,124)
```

Tetradic Color

#3181fa
```
#3181fa rgb(49,129,250)
```
#4a91fb
```
#4a91fb rgb(74,145,251)
```
#63a0fb
```
#63a0fb rgb(99,160,251)
```
#7caffc
```
#7caffc rgb(124,175,252)
```
#95befd
```
#95befd rgb(149,190,253)
```
#aecdfd
```
#aecdfd rgb(174,205,253)
```
#c7ddfe
```
#c7ddfe rgb(199,221,254)
```

Monochromatic Color

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

#7ccffc
```
#7ccffc rgb(124,207,252)
```
#7cc4fc
```
#7cc4fc rgb(124,196,252)
```
#7cbafc
```
#7cbafc rgb(124,186,252)
```
#7caffc
```
#7caffc rgb(124,175,252)
```
#7ca4fc
```
#7ca4fc rgb(124,164,252)
```
#7c9afc
```
#7c9afc rgb(124,154,252)
```
#7c8ffc
```
#7c8ffc rgb(124,143,252)
```

Similar Colors

Text with hexadecimal color #7caffc

This text has a font color of #7caffc.

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

#7caffc background color

This paragraph has a background color of #7caffc.

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

#7caffc border color

This element has a border color of #7caffc.

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

CSS codes

.text {color:#7caffc;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010916
```
#010916 rgb(1,9,22)
```
#01112a
```
#01112a rgb(1,17,42)
```
#01193d
```
#01193d rgb(1,25,61)
```
#022150
```
#022150 rgb(2,33,80)
```
#022963
```
#022963 rgb(2,41,99)
```
#033176
```
#033176 rgb(3,49,118)
```
#033989
```
#033989 rgb(3,57,137)
```
#04419d
```
#04419d rgb(4,65,157)
```
#0448b0
```
#0448b0 rgb(4,72,176)
```
#0450c3
```
#0450c3 rgb(4,80,195)
```
#0558d6
```
#0558d6 rgb(5,88,214)
```
#0560e9
```
#0560e9 rgb(5,96,233)
```

Shade Color Variation

#0969f9
```
#0969f9 rgb(9,105,249)
```
#1c74fa
```
#1c74fa rgb(28,116,250)
```
#2f80fa
```
#2f80fa rgb(47,128,250)
```
#428cfb
```
#428cfb rgb(66,140,251)
```
#5698fb
```
#5698fb rgb(86,152,251)
```
#69a3fc
```
#69a3fc rgb(105,163,252)
```
#7caffc
```
#7caffc rgb(124,175,252)
```
#8fbbfc
```
#8fbbfc rgb(143,187,252)
```
#a2c6fd
```
#a2c6fd rgb(162,198,253)
```
#b6d2fd
```
#b6d2fd rgb(182,210,253)
```
#c9defe
```
#c9defe rgb(201,222,254)
```
#dceafe
```
#dceafe rgb(220,234,254)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```

Tint Color Variation

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

#babcbe
```
#babcbe rgb(186,188,190)
```
#b5bbc3
```
#b5bbc3 rgb(181,187,195)
```
#b0b9c8
```
#b0b9c8 rgb(176,185,200)
```
#aab8ce
```
#aab8ce rgb(170,184,206)
```
#a5b7d3
```
#a5b7d3 rgb(165,183,211)
```
#a0b6d8
```
#a0b6d8 rgb(160,182,216)
```
#9bb5dd
```
#9bb5dd rgb(155,181,221)
```
#96b4e2
```
#96b4e2 rgb(150,180,226)
```
#91b3e7
```
#91b3e7 rgb(145,179,231)
```
#8bb2ed
```
#8bb2ed rgb(139,178,237)
```
#86b1f2
```
#86b1f2 rgb(134,177,242)
```
#81b0f7
```
#81b0f7 rgb(129,176,247)
```
#7caffc
```
#7caffc rgb(124,175,252)
```

Tone Color Variation

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

#97aff9 Protanopia 1% of men
#8eb0fd Deuteranopia 1% of men
#6dbdcb Tritanopia 0.001% of the population

Trichromacy

#8daffa Protanomaly 1% of men, 0.01% of women
#87b0fc Deuteranomaly 6% of men, 0.4% of women
#72b8dc Tritanomaly 0.01% of the population

#7caffc hex color

#7caffc Color Information

#7caffc Color Conversion

Color Schemes with #7caffc

Alternatives to #7caffc

#7caffc Preview

Shades and Tints of #7caffc

Tones of #7caffc

Color Blindness Simulator