#7cbafe hex color

In a RGB color space, hex #7cbafe is composed of 48.6% red, 72.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 26.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 211.4 degrees, a saturation of 98.5% and a lightness of 74.1%. #7cbafe color hex could be obtained by blending #f8ffff with #0075fd. Closest websafe color is: #66ccff.

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

● #7cbafe color description : Soft blue.

The hexadecimal color #7cbafe has RGB values of R:124, G:186, B:254 and CMYK values of C:0.51, M:0.27, Y:0, K:0. Its decimal value is 8174334.

Hex triplet	7cbafe	`#7cbafe`
RGB Decimal	124, 186, 254	`rgb(124,186,254)`
RGB Percent	48.6, 72.9, 99.6	`rgb(48.6%,72.9%,99.6%)`
CMYK	51, 27, 0, 0
HSL	211.4°, 98.5, 74.1	`hsl(211.4,98.5%,74.1%)`
HSV (or HSB)	211.4°, 51.2, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.905, -1.447, -39.683
XYZ	43.756, 46.556, 100.441
xyY	0.229, 0.244, 46.556
CIE-LCH	73.905, 39.709, 267.911
CIE-LUV	73.905, -28.917, -64.148
Hunter-Lab	68.232, -4.937, -39.515
Binary	01111100, 10111010, 11111110

#7cbafe
```
#7cbafe rgb(124,186,254)
```
#fec07c
```
#fec07c rgb(254,192,124)
```

Complementary Color

#7cfbfe
```
#7cfbfe rgb(124,251,254)
```
#7cbafe
```
#7cbafe rgb(124,186,254)
```
#7f7cfe
```
#7f7cfe rgb(127,124,254)
```

Analogous Color

#fbfe7c
```
#fbfe7c rgb(251,254,124)
```
#7cbafe
```
#7cbafe rgb(124,186,254)
```
#fe7f7c
```
#fe7f7c rgb(254,127,124)
```

Split Complementary Color

#bafe7c
```
#bafe7c rgb(186,254,124)
```
#7cbafe
```
#7cbafe rgb(124,186,254)
```
#fe7cba
```
#fe7cba rgb(254,124,186)
```

Triadic Color

#7cfec0
```
#7cfec0 rgb(124,254,192)
```
#7cbafe
```
#7cbafe rgb(124,186,254)
```
#fe7cba
```
#fe7cba rgb(254,124,186)
```
#fec07c
```
#fec07c rgb(254,192,124)
```

Tetradic Color

#3092fd
```
#3092fd rgb(48,146,253)
```
#499ffe
```
#499ffe rgb(73,159,254)
```
#63adfe
```
#63adfe rgb(99,173,254)
```
#7cbafe
```
#7cbafe rgb(124,186,254)
```
#95c7fe
```
#95c7fe rgb(149,199,254)
```
#afd5fe
```
#afd5fe rgb(175,213,254)
```
#c8e2ff
```
#c8e2ff rgb(200,226,255)
```

Monochromatic Color

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

#7cdbfe
```
#7cdbfe rgb(124,219,254)
```
#7cd0fe
```
#7cd0fe rgb(124,208,254)
```
#7cc5fe
```
#7cc5fe rgb(124,197,254)
```
#7cbafe
```
#7cbafe rgb(124,186,254)
```
#7caffe
```
#7caffe rgb(124,175,254)
```
#7ca4fe
```
#7ca4fe rgb(124,164,254)
```
#7c9afe
```
#7c9afe rgb(124,154,254)
```

Similar Colors

Text with hexadecimal color #7cbafe

This text has a font color of #7cbafe.

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

#7cbafe background color

This paragraph has a background color of #7cbafe.

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

#7cbafe border color

This element has a border color of #7cbafe.

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

CSS codes

.text {color:#7cbafe;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000c19
```
#000c19 rgb(0,12,25)
```
#00152c
```
#00152c rgb(0,21,44)
```
#001f40
```
#001f40 rgb(0,31,64)
```
#012853
```
#012853 rgb(1,40,83)
```
#013167
```
#013167 rgb(1,49,103)
```
#013b7a
```
#013b7a rgb(1,59,122)
```
#01448e
```
#01448e rgb(1,68,142)
```
#014da1
```
#014da1 rgb(1,77,161)
```
#0157b4
```
#0157b4 rgb(1,87,180)
```
#0260c8
```
#0260c8 rgb(2,96,200)
```
#026adb
```
#026adb rgb(2,106,219)
```
#0273ef
```
#0273ef rgb(2,115,239)
```

Shade Color Variation

#077cfd
```
#077cfd rgb(7,124,253)
```
#1b87fd
```
#1b87fd rgb(27,135,253)
```
#2e91fd
```
#2e91fd rgb(46,145,253)
```
#429bfe
```
#429bfe rgb(66,155,254)
```
#55a5fe
```
#55a5fe rgb(85,165,254)
```
#69b0fe
```
#69b0fe rgb(105,176,254)
```
#7cbafe
```
#7cbafe rgb(124,186,254)
```
#8fc4fe
```
#8fc4fe rgb(143,196,254)
```
#a3cffe
```
#a3cffe rgb(163,207,254)
```
#b6d9fe
```
#b6d9fe rgb(182,217,254)
```
#cae3ff
```
#cae3ff rgb(202,227,255)
```
#ddedff
```
#ddedff rgb(221,237,255)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tint Color Variation

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

#b9bdc1
```
#b9bdc1 rgb(185,189,193)
```
#b4bdc6
```
#b4bdc6 rgb(180,189,198)
```
#afbccb
```
#afbccb rgb(175,188,203)
```
#aabcd0
```
#aabcd0 rgb(170,188,208)
```
#a5bcd5
```
#a5bcd5 rgb(165,188,213)
```
#a0bcda
```
#a0bcda rgb(160,188,218)
```
#9abbe0
```
#9abbe0 rgb(154,187,224)
```
#95bbe5
```
#95bbe5 rgb(149,187,229)
```
#90bbea
```
#90bbea rgb(144,187,234)
```
#8bbbef
```
#8bbbef rgb(139,187,239)
```
#86baf4
```
#86baf4 rgb(134,186,244)
```
#81baf9
```
#81baf9 rgb(129,186,249)
```
#7cbafe
```
#7cbafe rgb(124,186,254)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a5b1bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b7f9 Protanopia 1% of men
#9db7ff Deuteranopia 1% of men
#70c5d4 Tritanopia 0.001% of the population

Trichromacy

#95b8fb Protanomaly 1% of men, 0.01% of women
#91b8fe Deuteranomaly 6% of men, 0.4% of women
#74c1e3 Tritanomaly 0.01% of the population

#7cbafe hex color

#7cbafe Color Information

#7cbafe Color Conversion

Color Schemes with #7cbafe

Alternatives to #7cbafe

#7cbafe Preview

Shades and Tints of #7cbafe

Tones of #7cbafe

Color Blindness Simulator