#7cb4f2 hex color

In a RGB color space, hex #7cb4f2 is composed of 48.6% red, 70.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 25.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 211.5 degrees, a saturation of 81.9% and a lightness of 71.8%. #7cb4f2 color hex could be obtained by blending #f8ffff with #0069e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 71
- B 95
RGB color chart
- C 49
- M 26
- Y 0
- K 5
CMYK color chart

● #7cb4f2 color description : Soft blue.

The hexadecimal color #7cb4f2 has RGB values of R:124, G:180, B:242 and CMYK values of C:0.49, M:0.26, Y:0, K:0.05. Its decimal value is 8172786.

Hex triplet	7cb4f2	`#7cb4f2`
RGB Decimal	124, 180, 242	`rgb(124,180,242)`
RGB Percent	48.6, 70.6, 94.9	`rgb(48.6%,70.6%,94.9%)`
CMYK	49, 26, 0, 5
HSL	211.5°, 81.9, 71.8	`hsl(211.5,81.9%,71.8%)`
HSV (or HSB)	211.5°, 48.8, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.783, -1.639, -36.502
XYZ	40.657, 43.336, 90.222
xyY	0.233, 0.249, 43.336
CIE-LCH	71.783, 36.539, 267.428
CIE-LUV	71.783, -26.761, -58.45
Hunter-Lab	65.83, -4.962, -35.177
Binary	01111100, 10110100, 11110010

#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#f2ba7c
```
#f2ba7c rgb(242,186,124)
```

Complementary Color

#7ceff2
```
#7ceff2 rgb(124,239,242)
```
#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#7f7cf2
```
#7f7cf2 rgb(127,124,242)
```

Analogous Color

#eff27c
```
#eff27c rgb(239,242,124)
```
#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#f27f7c
```
#f27f7c rgb(242,127,124)
```

Split Complementary Color

#b4f27c
```
#b4f27c rgb(180,242,124)
```
#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#f27cb4
```
#f27cb4 rgb(242,124,180)
```

Triadic Color

#7cf2ba
```
#7cf2ba rgb(124,242,186)
```
#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#f27cb4
```
#f27cb4 rgb(242,124,180)
```
#f2ba7c
```
#f2ba7c rgb(242,186,124)
```

Tetradic Color

#368ceb
```
#368ceb rgb(54,140,235)
```
#4e99ed
```
#4e99ed rgb(78,153,237)
```
#65a7f0
```
#65a7f0 rgb(101,167,240)
```
#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#93c1f4
```
#93c1f4 rgb(147,193,244)
```
#aacff7
```
#aacff7 rgb(170,207,247)
```
#c2dcf9
```
#c2dcf9 rgb(194,220,249)
```

Monochromatic Color

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

#7cd2f2
```
#7cd2f2 rgb(124,210,242)
```
#7cc8f2
```
#7cc8f2 rgb(124,200,242)
```
#7cbef2
```
#7cbef2 rgb(124,190,242)
```
#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#7caaf2
```
#7caaf2 rgb(124,170,242)
```
#7ca0f2
```
#7ca0f2 rgb(124,160,242)
```
#7c97f2
```
#7c97f2 rgb(124,151,242)
```

Similar Colors

Text with hexadecimal color #7cb4f2

This text has a font color of #7cb4f2.

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

#7cb4f2 background color

This paragraph has a background color of #7cb4f2.

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

#7cb4f2 border color

This element has a border color of #7cb4f2.

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

CSS codes

.text {color:#7cb4f2;}

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

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

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, #01060c is the darkest color, while #f9fcfe is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#03101e
```
#03101e rgb(3,16,30)
```
#05192f
```
#05192f rgb(5,25,47)
```
#062241
```
#062241 rgb(6,34,65)
```
#082c53
```
#082c53 rgb(8,44,83)
```
#0a3565
```
#0a3565 rgb(10,53,101)
```
#0c3f77
```
#0c3f77 rgb(12,63,119)
```
#0e4889
```
#0e4889 rgb(14,72,137)
```
#0f519b
```
#0f519b rgb(15,81,155)
```
#115bac
```
#115bac rgb(17,91,172)
```
#1364be
```
#1364be rgb(19,100,190)
```
#156ed0
```
#156ed0 rgb(21,110,208)
```
#1677e2
```
#1677e2 rgb(22,119,226)
```

Shade Color Variation

#2381e9
```
#2381e9 rgb(35,129,233)
```
#358beb
```
#358beb rgb(53,139,235)
```
#4695ed
```
#4695ed rgb(70,149,237)
```
#58a0ee
```
#58a0ee rgb(88,160,238)
```
#6aaaf0
```
#6aaaf0 rgb(106,170,240)
```
#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#8ebef4
```
#8ebef4 rgb(142,190,244)
```
#a0c8f6
```
#a0c8f6 rgb(160,200,246)
```
#b2d3f7
```
#b2d3f7 rgb(178,211,247)
```
#c3ddf9
```
#c3ddf9 rgb(195,221,249)
```
#d5e7fb
```
#d5e7fb rgb(213,231,251)
```
#e7f1fd
```
#e7f1fd rgb(231,241,253)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#b3b7bb
```
#b3b7bb rgb(179,183,187)
```
#aeb7c0
```
#aeb7c0 rgb(174,183,192)
```
#a8b6c6
```
#a8b6c6 rgb(168,182,198)
```
#a3b6cb
```
#a3b6cb rgb(163,182,203)
```
#9db6d1
```
#9db6d1 rgb(157,182,209)
```
#98b5d6
```
#98b5d6 rgb(152,181,214)
```
#92b5dc
```
#92b5dc rgb(146,181,220)
```
#8db5e1
```
#8db5e1 rgb(141,181,225)
```
#87b5e7
```
#87b5e7 rgb(135,181,231)
```
#82b4ec
```
#82b4ec rgb(130,180,236)
```
#7cb4f2
```
#7cb4f2 rgb(124,180,242)
```
#76b4f8
```
#76b4f8 rgb(118,180,248)
```
#71b3fd
```
#71b3fd rgb(113,179,253)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a1acb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b1ee Protanopia 1% of men
#9bb2f4 Deuteranopia 1% of men
#73bfcd Tritanopia 0.001% of the population

Trichromacy

#93b2ef Protanomaly 1% of men, 0.01% of women
#90b2f3 Deuteranomaly 6% of men, 0.4% of women
#76bbda Tritanomaly 0.01% of the population

#7cb4f2 hex color

#7cb4f2 Color Information

#7cb4f2 Color Conversion

Color Schemes with #7cb4f2

Alternatives to #7cb4f2

#7cb4f2 Preview

Shades and Tints of #7cb4f2

Tones of #7cb4f2

Color Blindness Simulator