#7cb1fa hex color

In a RGB color space, hex #7cb1fa is composed of 48.6% red, 69.4% green and 98% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 29.2% magenta, 0% yellow and 2% black. It has a hue angle of 214.8 degrees, a saturation of 92.6% and a lightness of 73.3%. #7cb1fa color hex could be obtained by blending #f8ffff with #0063f5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 69
- B 98
RGB color chart
- C 50
- M 29
- Y 0
- K 2
CMYK color chart

● #7cb1fa color description : Soft blue.

The hexadecimal color #7cb1fa has RGB values of R:124, G:177, B:250 and CMYK values of C:0.5, M:0.29, Y:0, K:0.02. Its decimal value is 8172026.

Hex triplet	7cb1fa	`#7cb1fa`
RGB Decimal	124, 177, 250	`rgb(124,177,250)`
RGB Percent	48.6, 69.4, 98	`rgb(48.6%,69.4%,98%)`
CMYK	50, 29, 0, 2
HSL	214.8°, 92.6, 73.3	`hsl(214.8,92.6%,73.3%)`
HSV (or HSB)	214.8°, 50.4, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	71.303, 2.362, -41.583
XYZ	41.286, 42.629, 96.49
xyY	0.229, 0.236, 42.629
CIE-LCH	71.303, 41.65, 273.251
CIE-LUV	71.303, -25.605, -67.561
Hunter-Lab	65.291, -1.388, -41.917
Binary	01111100, 10110001, 11111010

#7cb1fa
```
#7cb1fa rgb(124,177,250)
```
#fac57c
```
#fac57c rgb(250,197,124)
```

Complementary Color

#7cf0fa
```
#7cf0fa rgb(124,240,250)
```
#7cb1fa
```
#7cb1fa rgb(124,177,250)
```
#867cfa
```
#867cfa rgb(134,124,250)
```

Analogous Color

#f0fa7c
```
#f0fa7c rgb(240,250,124)
```
#7cb1fa
```
#7cb1fa rgb(124,177,250)
```
#fa867c
```
#fa867c rgb(250,134,124)
```

Split Complementary Color

#b1fa7c
```
#b1fa7c rgb(177,250,124)
```
#7cb1fa
```
#7cb1fa rgb(124,177,250)
```
#fa7cb1
```
#fa7cb1 rgb(250,124,177)
```

Triadic Color

#7cfac5
```
#7cfac5 rgb(124,250,197)
```
#7cb1fa
```
#7cb1fa rgb(124,177,250)
```
#fa7cb1
```
#fa7cb1 rgb(250,124,177)
```
#fac57c
```
#fac57c rgb(250,197,124)
```

Tetradic Color

#3285f7
```
#3285f7 rgb(50,133,247)
```
#4b94f8
```
#4b94f8 rgb(75,148,248)
```
#63a2f9
```
#63a2f9 rgb(99,162,249)
```
#7cb1fa
```
#7cb1fa rgb(124,177,250)
```
#95c0fb
```
#95c0fb rgb(149,192,251)
```
#adcefc
```
#adcefc rgb(173,206,252)
```
#c6ddfd
```
#c6ddfd rgb(198,221,253)
```

Monochromatic Color

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

#7cd1fa
```
#7cd1fa rgb(124,209,250)
```
#7cc6fa
```
#7cc6fa rgb(124,198,250)
```
#7cbcfa
```
#7cbcfa rgb(124,188,250)
```
#7cb1fa
```
#7cb1fa rgb(124,177,250)
```
#7ca7fa
```
#7ca7fa rgb(124,167,250)
```
#7c9cfa
```
#7c9cfa rgb(124,156,250)
```
#7c92fa
```
#7c92fa rgb(124,146,250)
```

Similar Colors

Text with hexadecimal color #7cb1fa

This text has a font color of #7cb1fa.

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

#7cb1fa background color

This paragraph has a background color of #7cb1fa.

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

#7cb1fa border color

This element has a border color of #7cb1fa.

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

CSS codes

.text {color:#7cb1fa;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010914
```
#010914 rgb(1,9,20)
```
#011127
```
#011127 rgb(1,17,39)
```
#021a3a
```
#021a3a rgb(2,26,58)
```
#03224d
```
#03224d rgb(3,34,77)
```
#042a60
```
#042a60 rgb(4,42,96)
```
#043373
```
#043373 rgb(4,51,115)
```
#053b86
```
#053b86 rgb(5,59,134)
```
#064398
```
#064398 rgb(6,67,152)
```
#074cab
```
#074cab rgb(7,76,171)
```
#0754be
```
#0754be rgb(7,84,190)
```
#085dd1
```
#085dd1 rgb(8,93,209)
```
#0965e4
```
#0965e4 rgb(9,101,228)
```

Shade Color Variation

#0b6ef6
```
#0b6ef6 rgb(11,110,246)
```
#1e79f6
```
#1e79f6 rgb(30,121,246)
```
#3084f7
```
#3084f7 rgb(48,132,247)
```
#438ff8
```
#438ff8 rgb(67,143,248)
```
#569bf9
```
#569bf9 rgb(86,155,249)
```
#69a6f9
```
#69a6f9 rgb(105,166,249)
```
#7cb1fa
```
#7cb1fa rgb(124,177,250)
```
#8fbcfb
```
#8fbcfb rgb(143,188,251)
```
#a2c8fb
```
#a2c8fb rgb(162,200,251)
```
#b5d3fc
```
#b5d3fc rgb(181,211,252)
```
#c8defd
```
#c8defd rgb(200,222,253)
```
#dae9fe
```
#dae9fe rgb(218,233,254)
```
#edf5fe
```
#edf5fe rgb(237,245,254)
```

Tint Color Variation

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

#bbbbbb
```
#bbbbbb rgb(187,187,187)
```
#b6bac0
```
#b6bac0 rgb(182,186,192)
```
#b0b9c6
```
#b0b9c6 rgb(176,185,198)
```
#abb8cb
```
#abb8cb rgb(171,184,203)
```
#a6b8d0
```
#a6b8d0 rgb(166,184,208)
```
#a1b7d5
```
#a1b7d5 rgb(161,183,213)
```
#9bb6db
```
#9bb6db rgb(155,182,219)
```
#96b5e0
```
#96b5e0 rgb(150,181,224)
```
#91b4e5
```
#91b4e5 rgb(145,180,229)
```
#8cb3ea
```
#8cb3ea rgb(140,179,234)
```
#86b3f0
```
#86b3f0 rgb(134,179,240)
```
#81b2f5
```
#81b2f5 rgb(129,178,245)
```
#7cb1fa
```
#7cb1fa rgb(124,177,250)
```

Tone Color Variation

Below, you can see how #7cb1fa 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
#a0abb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ab0f6 Protanopia 1% of men
#92b1fb Deuteranopia 1% of men
#6fbecc Tritanopia 0.001% of the population

Trichromacy

#8fb0f8 Protanomaly 1% of men, 0.01% of women
#8ab1fb Deuteranomaly 6% of men, 0.4% of women
#73b9dc Tritanomaly 0.01% of the population

#7cb1fa hex color

#7cb1fa Color Information

#7cb1fa Color Conversion

Color Schemes with #7cb1fa

Alternatives to #7cb1fa

#7cb1fa Preview

Shades and Tints of #7cb1fa

Tones of #7cb1fa

Color Blindness Simulator