#7ca0ff hex color

In a RGB color space, hex #7ca0ff is composed of 48.6% red, 62.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 37.3% magenta, 0% yellow and 0% black. It has a hue angle of 223.5 degrees, a saturation of 100% and a lightness of 74.3%. #7ca0ff color hex could be obtained by blending #f8ffff with #0041ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 63
- B 100
RGB color chart
- C 51
- M 37
- Y 0
- K 0
CMYK color chart

● #7ca0ff color description : Very light blue.

The hexadecimal color #7ca0ff has RGB values of R:124, G:160, B:255 and CMYK values of C:0.51, M:0.37, Y:0, K:0. Its decimal value is 8167679.

Hex triplet	7ca0ff	`#7ca0ff`
RGB Decimal	124, 160, 255	`rgb(124,160,255)`
RGB Percent	48.6, 62.7, 100	`rgb(48.6%,62.7%,100%)`
CMYK	51, 37, 0, 0
HSL	223.5°, 100, 74.3	`hsl(223.5,100%,74.3%)`
HSV (or HSB)	223.5°, 51.4, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.01, 13.52, -51.042
XYZ	38.929, 36.645, 99.624
xyY	0.222, 0.209, 36.645
CIE-LCH	67.01, 52.802, 284.835
CIE-LUV	67.01, -19.496, -84.251
Hunter-Lab	60.535, 8.854, -55.201
Binary	01111100, 10100000, 11111111

#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#ffdb7c
```
#ffdb7c rgb(255,219,124)
```

Complementary Color

#7ce2ff
```
#7ce2ff rgb(124,226,255)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#9a7cff
```
#9a7cff rgb(154,124,255)
```

Analogous Color

#e2ff7c
```
#e2ff7c rgb(226,255,124)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#ff9a7c
```
#ff9a7c rgb(255,154,124)
```

Split Complementary Color

#a0ff7c
```
#a0ff7c rgb(160,255,124)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#ff7ca0
```
#ff7ca0 rgb(255,124,160)
```

Triadic Color

#7cffdb
```
#7cffdb rgb(124,255,219)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#ff7ca0
```
#ff7ca0 rgb(255,124,160)
```
#ffdb7c
```
#ffdb7c rgb(255,219,124)
```

Tetradic Color

#3069ff
```
#3069ff rgb(48,105,255)
```
#497bff
```
#497bff rgb(73,123,255)
```
#638eff
```
#638eff rgb(99,142,255)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#96b2ff
```
#96b2ff rgb(150,178,255)
```
#afc5ff
```
#afc5ff rgb(175,197,255)
```
#c9d7ff
```
#c9d7ff rgb(201,215,255)
```

Monochromatic Color

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

#7cc1ff
```
#7cc1ff rgb(124,193,255)
```
#7cb6ff
```
#7cb6ff rgb(124,182,255)
```
#7cabff
```
#7cabff rgb(124,171,255)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#7c95ff
```
#7c95ff rgb(124,149,255)
```
#7c8aff
```
#7c8aff rgb(124,138,255)
```
#7c7fff
```
#7c7fff rgb(124,127,255)
```

Similar Colors

Text with hexadecimal color #7ca0ff

This text has a font color of #7ca0ff.

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

#7ca0ff background color

This paragraph has a background color of #7ca0ff.

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

#7ca0ff border color

This element has a border color of #7ca0ff.

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

CSS codes

.text {color:#7ca0ff;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#00071a
```
#00071a rgb(0,7,26)
```
#000d2e
```
#000d2e rgb(0,13,46)
```
#001241
```
#001241 rgb(0,18,65)
```
#001755
```
#001755 rgb(0,23,85)
```
#001d68
```
#001d68 rgb(0,29,104)
```
#00227c
```
#00227c rgb(0,34,124)
```
#002790
```
#002790 rgb(0,39,144)
```
#002da3
```
#002da3 rgb(0,45,163)
```
#0032b7
```
#0032b7 rgb(0,50,183)
```
#0038ca
```
#0038ca rgb(0,56,202)
```
#003dde
```
#003dde rgb(0,61,222)
```
#0042f2
```
#0042f2 rgb(0,66,242)
```

Shade Color Variation

#064bff
```
#064bff rgb(6,75,255)
```
#1a59ff
```
#1a59ff rgb(26,89,255)
```
#2e67ff
```
#2e67ff rgb(46,103,255)
```
#4175ff
```
#4175ff rgb(65,117,255)
```
#5584ff
```
#5584ff rgb(85,132,255)
```
#6892ff
```
#6892ff rgb(104,146,255)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#90aeff
```
#90aeff rgb(144,174,255)
```
#a3bcff
```
#a3bcff rgb(163,188,255)
```
#b7cbff
```
#b7cbff rgb(183,203,255)
```
#cad9ff
```
#cad9ff rgb(202,217,255)
```
#dee7ff
```
#dee7ff rgb(222,231,255)
```
#f2f5ff
```
#f2f5ff rgb(242,245,255)
```

Tint Color Variation

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

#b8bbc3
```
#b8bbc3 rgb(184,187,195)
```
#b3b9c8
```
#b3b9c8 rgb(179,185,200)
```
#aeb7cd
```
#aeb7cd rgb(174,183,205)
```
#a9b4d2
```
#a9b4d2 rgb(169,180,210)
```
#a4b2d7
```
#a4b2d7 rgb(164,178,215)
```
#9fb0dc
```
#9fb0dc rgb(159,176,220)
```
#9aaee1
```
#9aaee1 rgb(154,174,225)
```
#95abe6
```
#95abe6 rgb(149,171,230)
```
#90a9eb
```
#90a9eb rgb(144,169,235)
```
#8ba7f0
```
#8ba7f0 rgb(139,167,240)
```
#86a5f5
```
#86a5f5 rgb(134,165,245)
```
#81a2fa
```
#81a2fa rgb(129,162,250)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#99a0b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a4fe Protanopia 1% of men
#74a8fd Deuteranopia 1% of men
#67b2bf Tritanopia 0.001% of the population

Trichromacy

#80a3fe Protanomaly 1% of men, 0.01% of women
#77a5fe Deuteranomaly 6% of men, 0.4% of women
#6eacd6 Tritanomaly 0.01% of the population

#7ca0ff hex color

#7ca0ff Color Information

#7ca0ff Color Conversion

Color Schemes with #7ca0ff

Alternatives to #7ca0ff

#7ca0ff Preview

Shades and Tints of #7ca0ff

Tones of #7ca0ff

Color Blindness Simulator