#7ca0f8 hex color

In a RGB color space, hex #7ca0f8 is composed of 48.6% red, 62.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 35.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 222.6 degrees, a saturation of 89.9% and a lightness of 72.9%. #7ca0f8 color hex could be obtained by blending #f8ffff with #0041f1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 63
- B 97
RGB color chart
- C 50
- M 35
- Y 0
- K 3
CMYK color chart

● #7ca0f8 color description : Soft blue.

The hexadecimal color #7ca0f8 has RGB values of R:124, G:160, B:248 and CMYK values of C:0.5, M:0.35, Y:0, K:0.03. Its decimal value is 8167672.

Hex triplet	7ca0f8	`#7ca0f8`
RGB Decimal	124, 160, 248	`rgb(124,160,248)`
RGB Percent	48.6, 62.7, 97.3	`rgb(48.6%,62.7%,97.3%)`
CMYK	50, 35, 0, 3
HSL	222.6°, 89.9, 72.9	`hsl(222.6,89.9%,72.9%)`
HSV (or HSB)	222.6°, 50, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.674, 11.414, -47.758
XYZ	37.823, 36.202, 93.797
xyY	0.225, 0.216, 36.202
CIE-LCH	66.674, 49.103, 283.441
CIE-LUV	66.674, -19.397, -78.409
Hunter-Lab	60.168, 6.913, -50.309
Binary	01111100, 10100000, 11111000

#7ca0f8
```
#7ca0f8 rgb(124,160,248)
```
#f8d47c
```
#f8d47c rgb(248,212,124)
```

Complementary Color

#7cdef8
```
#7cdef8 rgb(124,222,248)
```
#7ca0f8
```
#7ca0f8 rgb(124,160,248)
```
#967cf8
```
#967cf8 rgb(150,124,248)
```

Analogous Color

#def87c
```
#def87c rgb(222,248,124)
```
#7ca0f8
```
#7ca0f8 rgb(124,160,248)
```
#f8967c
```
#f8967c rgb(248,150,124)
```

Split Complementary Color

#a0f87c
```
#a0f87c rgb(160,248,124)
```
#7ca0f8
```
#7ca0f8 rgb(124,160,248)
```
#f87ca0
```
#f87ca0 rgb(248,124,160)
```

Triadic Color

#7cf8d4
```
#7cf8d4 rgb(124,248,212)
```
#7ca0f8
```
#7ca0f8 rgb(124,160,248)
```
#f87ca0
```
#f87ca0 rgb(248,124,160)
```
#f8d47c
```
#f8d47c rgb(248,212,124)
```

Tetradic Color

#336bf4
```
#336bf4 rgb(51,107,244)
```
#4c7df5
```
#4c7df5 rgb(76,125,245)
```
#648ef7
```
#648ef7 rgb(100,142,247)
```
#7ca0f8
```
#7ca0f8 rgb(124,160,248)
```
#94b2f9
```
#94b2f9 rgb(148,178,249)
```
#acc3fb
```
#acc3fb rgb(172,195,251)
```
#c5d5fc
```
#c5d5fc rgb(197,213,252)
```

Monochromatic Color

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

#7cbff8
```
#7cbff8 rgb(124,191,248)
```
#7cb5f8
```
#7cb5f8 rgb(124,181,248)
```
#7caaf8
```
#7caaf8 rgb(124,170,248)
```
#7ca0f8
```
#7ca0f8 rgb(124,160,248)
```
#7c96f8
```
#7c96f8 rgb(124,150,248)
```
#7c8bf8
```
#7c8bf8 rgb(124,139,248)
```
#7c81f8
```
#7c81f8 rgb(124,129,248)
```

Similar Colors

Text with hexadecimal color #7ca0f8

This text has a font color of #7ca0f8.

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

#7ca0f8 background color

This paragraph has a background color of #7ca0f8.

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

#7ca0f8 border color

This element has a border color of #7ca0f8.

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

CSS codes

.text {color:#7ca0f8;}

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

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

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

#010612
```
#010612 rgb(1,6,18)
```
#020c25
```
#020c25 rgb(2,12,37)
```
#031237
```
#031237 rgb(3,18,55)
```
#04184a
```
#04184a rgb(4,24,74)
```
#051e5c
```
#051e5c rgb(5,30,92)
```
#06246f
```
#06246f rgb(6,36,111)
```
#072b82
```
#072b82 rgb(7,43,130)
```
#083194
```
#083194 rgb(8,49,148)
```
#0937a7
```
#0937a7 rgb(9,55,167)
```
#0a3dba
```
#0a3dba rgb(10,61,186)
```
#0b43cc
```
#0b43cc rgb(11,67,204)
```
#0c49df
```
#0c49df rgb(12,73,223)
```
#0d4ff1
```
#0d4ff1 rgb(13,79,241)
```

Shade Color Variation

#1f5cf3
```
#1f5cf3 rgb(31,92,243)
```
#326af4
```
#326af4 rgb(50,106,244)
```
#4477f5
```
#4477f5 rgb(68,119,245)
```
#5785f6
```
#5785f6 rgb(87,133,246)
```
#6992f7
```
#6992f7 rgb(105,146,247)
```
#7ca0f8
```
#7ca0f8 rgb(124,160,248)
```
#8faef9
```
#8faef9 rgb(143,174,249)
```
#a1bbfa
```
#a1bbfa rgb(161,187,250)
```
#b4c9fb
```
#b4c9fb rgb(180,201,251)
```
#c6d6fc
```
#c6d6fc rgb(198,214,252)
```
#d9e4fd
```
#d9e4fd rgb(217,228,253)
```
#ecf1fe
```
#ecf1fe rgb(236,241,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b6b8be
```
#b6b8be rgb(182,184,190)
```
#b1b6c3
```
#b1b6c3 rgb(177,182,195)
```
#acb4c8
```
#acb4c8 rgb(172,180,200)
```
#a6b2ce
```
#a6b2ce rgb(166,178,206)
```
#a1b0d3
```
#a1b0d3 rgb(161,176,211)
```
#9cadd8
```
#9cadd8 rgb(156,173,216)
```
#97abdd
```
#97abdd rgb(151,171,221)
```
#91a9e3
```
#91a9e3 rgb(145,169,227)
```
#8ca7e8
```
#8ca7e8 rgb(140,167,232)
```
#87a4ed
```
#87a4ed rgb(135,164,237)
```
#81a2f3
```
#81a2f3 rgb(129,162,243)
```
#7ca0f8
```
#7ca0f8 rgb(124,160,248)
```
#779efd
```
#779efd rgb(119,158,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#989fb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a4f7 Protanopia 1% of men
#7aa6f7 Deuteranopia 1% of men
#6ab1be Tritanopia 0.001% of the population

Trichromacy

#82a2f7 Protanomaly 1% of men, 0.01% of women
#7aa4f7 Deuteranomaly 6% of men, 0.4% of women
#71abd3 Tritanomaly 0.01% of the population

#7ca0f8 hex color

#7ca0f8 Color Information

#7ca0f8 Color Conversion

Color Schemes with #7ca0f8

Alternatives to #7ca0f8

#7ca0f8 Preview

Shades and Tints of #7ca0f8

Tones of #7ca0f8

Color Blindness Simulator