#7ca7fd hex color

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

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

● #7ca7fd color description : Soft blue.

The hexadecimal color #7ca7fd has RGB values of R:124, G:167, B:253 and CMYK values of C:0.51, M:0.34, Y:0, K:0.01. Its decimal value is 8169469.

Hex triplet	7ca7fd	`#7ca7fd`
RGB Decimal	124, 167, 253	`rgb(124,167,253)`
RGB Percent	48.6, 65.5, 99.2	`rgb(48.6%,65.5%,99.2%)`
CMYK	51, 34, 0, 1
HSL	220°, 97, 73.9	`hsl(220,97%,73.9%)`
HSV (or HSB)	220°, 51, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.76, 8.9, -47.195
XYZ	39.857, 39.012, 98.353
xyY	0.225, 0.22, 39.012
CIE-LCH	68.76, 48.026, 280.68
CIE-LUV	68.76, -21.962, -77.531
Hunter-Lab	62.46, 4.599, -49.639
Binary	01111100, 10100111, 11111101

#7ca7fd
```
#7ca7fd rgb(124,167,253)
```
#fdd27c
```
#fdd27c rgb(253,210,124)
```

Complementary Color

#7ce8fd
```
#7ce8fd rgb(124,232,253)
```
#7ca7fd
```
#7ca7fd rgb(124,167,253)
```
#927cfd
```
#927cfd rgb(146,124,253)
```

Analogous Color

#e8fd7c
```
#e8fd7c rgb(232,253,124)
```
#7ca7fd
```
#7ca7fd rgb(124,167,253)
```
#fd927c
```
#fd927c rgb(253,146,124)
```

Split Complementary Color

#a7fd7c
```
#a7fd7c rgb(167,253,124)
```
#7ca7fd
```
#7ca7fd rgb(124,167,253)
```
#fd7ca7
```
#fd7ca7 rgb(253,124,167)
```

Triadic Color

#7cfdd2
```
#7cfdd2 rgb(124,253,210)
```
#7ca7fd
```
#7ca7fd rgb(124,167,253)
```
#fd7ca7
```
#fd7ca7 rgb(253,124,167)
```
#fdd27c
```
#fdd27c rgb(253,210,124)
```

Tetradic Color

#3174fc
```
#3174fc rgb(49,116,252)
```
#4a85fc
```
#4a85fc rgb(74,133,252)
```
#6396fd
```
#6396fd rgb(99,150,253)
```
#7ca7fd
```
#7ca7fd rgb(124,167,253)
```
#95b8fd
```
#95b8fd rgb(149,184,253)
```
#aec9fe
```
#aec9fe rgb(174,201,254)
```
#c7dafe
```
#c7dafe rgb(199,218,254)
```

Monochromatic Color

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

#7cc7fd
```
#7cc7fd rgb(124,199,253)
```
#7cbdfd
```
#7cbdfd rgb(124,189,253)
```
#7cb2fd
```
#7cb2fd rgb(124,178,253)
```
#7ca7fd
```
#7ca7fd rgb(124,167,253)
```
#7c9cfd
```
#7c9cfd rgb(124,156,253)
```
#7c92fd
```
#7c92fd rgb(124,146,253)
```
#7c87fd
```
#7c87fd rgb(124,135,253)
```

Similar Colors

Text with hexadecimal color #7ca7fd

This text has a font color of #7ca7fd.

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

#7ca7fd background color

This paragraph has a background color of #7ca7fd.

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

#7ca7fd border color

This element has a border color of #7ca7fd.

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

CSS codes

.text {color:#7ca7fd;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000818
```
#000818 rgb(0,8,24)
```
#010f2b
```
#010f2b rgb(1,15,43)
```
#01153e
```
#01153e rgb(1,21,62)
```
#011c52
```
#011c52 rgb(1,28,82)
```
#022365
```
#022365 rgb(2,35,101)
```
#022978
```
#022978 rgb(2,41,120)
```
#02308b
```
#02308b rgb(2,48,139)
```
#02379f
```
#02379f rgb(2,55,159)
```
#033db2
```
#033db2 rgb(3,61,178)
```
#0344c5
```
#0344c5 rgb(3,68,197)
```
#034ad9
```
#034ad9 rgb(3,74,217)
```
#0451ec
```
#0451ec rgb(4,81,236)
```

Shade Color Variation

#0859fb
```
#0859fb rgb(8,89,251)
```
#1b66fc
```
#1b66fc rgb(27,102,252)
```
#2f73fc
```
#2f73fc rgb(47,115,252)
```
#4280fc
```
#4280fc rgb(66,128,252)
```
#558dfc
```
#558dfc rgb(85,141,252)
```
#699afd
```
#699afd rgb(105,154,253)
```
#7ca7fd
```
#7ca7fd rgb(124,167,253)
```
#8fb4fd
```
#8fb4fd rgb(143,180,253)
```
#a3c1fe
```
#a3c1fe rgb(163,193,254)
```
#b6cefe
```
#b6cefe rgb(182,206,254)
```
#c9dbfe
```
#c9dbfe rgb(201,219,254)
```
#dde8fe
```
#dde8fe rgb(221,232,254)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

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

#b9bbc0
```
#b9bbc0 rgb(185,187,192)
```
#b4bac5
```
#b4bac5 rgb(180,186,197)
```
#afb8ca
```
#afb8ca rgb(175,184,202)
```
#aab6cf
```
#aab6cf rgb(170,182,207)
```
#a5b5d4
```
#a5b5d4 rgb(165,181,212)
```
#a0b3d9
```
#a0b3d9 rgb(160,179,217)
```
#9bb1de
```
#9bb1de rgb(155,177,222)
```
#96b0e3
```
#96b0e3 rgb(150,176,227)
```
#90aee9
```
#90aee9 rgb(144,174,233)
```
#8bacee
```
#8bacee rgb(139,172,238)
```
#86aaf3
```
#86aaf3 rgb(134,170,243)
```
#81a9f8
```
#81a9f8 rgb(129,169,248)
```
#7ca7fd
```
#7ca7fd rgb(124,167,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ca5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da9fb Protanopia 1% of men
#81abfc Deuteranopia 1% of men
#6ab7c4 Tritanopia 0.001% of the population

Trichromacy

#86a8fc Protanomaly 1% of men, 0.01% of women
#7faafc Deuteranomaly 6% of men, 0.4% of women
#70b1d9 Tritanomaly 0.01% of the population

#7ca7fd hex color

#7ca7fd Color Information

#7ca7fd Color Conversion

Color Schemes with #7ca7fd

Alternatives to #7ca7fd

#7ca7fd Preview

Shades and Tints of #7ca7fd

Tones of #7ca7fd

Color Blindness Simulator