#7c9bf2 hex color

In a RGB color space, hex #7c9bf2 is composed of 48.6% red, 60.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 36% magenta, 0% yellow and 5.1% black. It has a hue angle of 224.2 degrees, a saturation of 81.9% and a lightness of 71.8%. #7c9bf2 color hex could be obtained by blending #f8ffff with #0037e5. Closest websafe color is: #6699ff.

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

● #7c9bf2 color description : Soft blue.

The hexadecimal color #7c9bf2 has RGB values of R:124, G:155, B:242 and CMYK values of C:0.49, M:0.36, Y:0, K:0.05. Its decimal value is 8166386.

Hex triplet	7c9bf2	`#7c9bf2`
RGB Decimal	124, 155, 242	`rgb(124,155,242)`
RGB Percent	48.6, 60.8, 94.9	`rgb(48.6%,60.8%,94.9%)`
CMYK	49, 36, 0, 5
HSL	224.2°, 81.9, 71.8	`hsl(224.2,81.9%,71.8%)`
HSV (or HSB)	224.2°, 48.8, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.071, 12.51, -47.003
XYZ	36.057, 34.137, 88.689
xyY	0.227, 0.215, 34.137
CIE-LCH	65.071, 48.639, 284.904
CIE-LUV	65.071, -17.505, -76.964
Hunter-Lab	58.427, 7.911, -49.1
Binary	01111100, 10011011, 11110010

#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#f2d37c
```
#f2d37c rgb(242,211,124)
```

Complementary Color

#7cd6f2
```
#7cd6f2 rgb(124,214,242)
```
#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#987cf2
```
#987cf2 rgb(152,124,242)
```

Analogous Color

#d6f27c
```
#d6f27c rgb(214,242,124)
```
#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#f2987c
```
#f2987c rgb(242,152,124)
```

Split Complementary Color

#9bf27c
```
#9bf27c rgb(155,242,124)
```
#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#f27c9b
```
#f27c9b rgb(242,124,155)
```

Triadic Color

#7cf2d3
```
#7cf2d3 rgb(124,242,211)
```
#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#f27c9b
```
#f27c9b rgb(242,124,155)
```
#f2d37c
```
#f2d37c rgb(242,211,124)
```

Tetradic Color

#3666eb
```
#3666eb rgb(54,102,235)
```
#4e78ed
```
#4e78ed rgb(78,120,237)
```
#6589f0
```
#6589f0 rgb(101,137,240)
```
#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#93adf4
```
#93adf4 rgb(147,173,244)
```
#aabef7
```
#aabef7 rgb(170,190,247)
```
#c2d0f9
```
#c2d0f9 rgb(194,208,249)
```

Monochromatic Color

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

#7cb9f2
```
#7cb9f2 rgb(124,185,242)
```
#7caff2
```
#7caff2 rgb(124,175,242)
```
#7ca5f2
```
#7ca5f2 rgb(124,165,242)
```
#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#7c91f2
```
#7c91f2 rgb(124,145,242)
```
#7c87f2
```
#7c87f2 rgb(124,135,242)
```
#7c7ef2
```
#7c7ef2 rgb(124,126,242)
```

Similar Colors

Text with hexadecimal color #7c9bf2

This text has a font color of #7c9bf2.

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

#7c9bf2 background color

This paragraph has a background color of #7c9bf2.

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

#7c9bf2 border color

This element has a border color of #7c9bf2.

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

CSS codes

.text {color:#7c9bf2;}

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

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

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

#01040c
```
#01040c rgb(1,4,12)
```
#030a1e
```
#030a1e rgb(3,10,30)
```
#05102f
```
#05102f rgb(5,16,47)
```
#061641
```
#061641 rgb(6,22,65)
```
#081c53
```
#081c53 rgb(8,28,83)
```
#0a2265
```
#0a2265 rgb(10,34,101)
```
#0c2877
```
#0c2877 rgb(12,40,119)
```
#0e2e89
```
#0e2e89 rgb(14,46,137)
```
#0f349b
```
#0f349b rgb(15,52,155)
```
#113aac
```
#113aac rgb(17,58,172)
```
#1340be
```
#1340be rgb(19,64,190)
```
#1546d0
```
#1546d0 rgb(21,70,208)
```
#164ce2
```
#164ce2 rgb(22,76,226)
```

Shade Color Variation

#2357e9
```
#2357e9 rgb(35,87,233)
```
#3565eb
```
#3565eb rgb(53,101,235)
```
#4672ed
```
#4672ed rgb(70,114,237)
```
#5880ee
```
#5880ee rgb(88,128,238)
```
#6a8df0
```
#6a8df0 rgb(106,141,240)
```
#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#8ea9f4
```
#8ea9f4 rgb(142,169,244)
```
#a0b6f6
```
#a0b6f6 rgb(160,182,246)
```
#b2c4f7
```
#b2c4f7 rgb(178,196,247)
```
#c3d1f9
```
#c3d1f9 rgb(195,209,249)
```
#d5dffb
```
#d5dffb rgb(213,223,251)
```
#e7edfd
```
#e7edfd rgb(231,237,253)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#b3b5bb
```
#b3b5bb rgb(179,181,187)
```
#aeb3c0
```
#aeb3c0 rgb(174,179,192)
```
#a8b0c6
```
#a8b0c6 rgb(168,176,198)
```
#a3adcb
```
#a3adcb rgb(163,173,203)
```
#9dabd1
```
#9dabd1 rgb(157,171,209)
```
#98a8d6
```
#98a8d6 rgb(152,168,214)
```
#92a6dc
```
#92a6dc rgb(146,166,220)
```
#8da3e1
```
#8da3e1 rgb(141,163,225)
```
#87a0e7
```
#87a0e7 rgb(135,160,231)
```
#829eec
```
#829eec rgb(130,158,236)
```
#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#7698f8
```
#7698f8 rgb(118,152,248)
```
#7196fd
```
#7196fd rgb(113,150,253)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#969cad Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a0f2 Protanopia 1% of men
#77a2f1 Deuteranopia 1% of men
#6bacb9 Tritanopia 0.001% of the population

Trichromacy

#809ef2 Protanomaly 1% of men, 0.01% of women
#799ff1 Deuteranomaly 6% of men, 0.4% of women
#71a6cd Tritanomaly 0.01% of the population

#7c9bf2 hex color

#7c9bf2 Color Information

#7c9bf2 Color Conversion

Color Schemes with #7c9bf2

Alternatives to #7c9bf2

#7c9bf2 Preview

Shades and Tints of #7c9bf2

Tones of #7c9bf2

Color Blindness Simulator