#7ba4fe hex color

In a RGB color space, hex #7ba4fe is composed of 48.2% red, 64.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 35.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 221.2 degrees, a saturation of 98.5% and a lightness of 73.9%. #7ba4fe color hex could be obtained by blending #f6ffff with #0049fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 64
- B 100
RGB color chart
- C 52
- M 35
- Y 0
- K 0
CMYK color chart

● #7ba4fe color description : Soft blue.

The hexadecimal color #7ba4fe has RGB values of R:123, G:164, B:254 and CMYK values of C:0.52, M:0.35, Y:0, K:0. Its decimal value is 8103166.

Hex triplet	7ba4fe	`#7ba4fe`
RGB Decimal	123, 164, 254	`rgb(123,164,254)`
RGB Percent	48.2, 64.3, 99.6	`rgb(48.2%,64.3%,99.6%)`
CMYK	52, 35, 0, 0
HSL	221.2°, 98.5, 73.9	`hsl(221.2,98.5%,73.9%)`
HSV (or HSB)	221.2°, 51.6, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.958, 10.699, -49.004
XYZ	39.329, 37.916, 99.007
xyY	0.223, 0.215, 37.916
CIE-LCH	67.958, 50.158, 282.316
CIE-LUV	67.958, -21.225, -80.668
Hunter-Lab	61.576, 6.253, -52.228
Binary	01111011, 10100100, 11111110

#7ba4fe
```
#7ba4fe rgb(123,164,254)
```
#fed57b
```
#fed57b rgb(254,213,123)
```

Complementary Color

#7be6fe
```
#7be6fe rgb(123,230,254)
```
#7ba4fe
```
#7ba4fe rgb(123,164,254)
```
#947bfe
```
#947bfe rgb(148,123,254)
```

Analogous Color

#e6fe7b
```
#e6fe7b rgb(230,254,123)
```
#7ba4fe
```
#7ba4fe rgb(123,164,254)
```
#fe947b
```
#fe947b rgb(254,148,123)
```

Split Complementary Color

#a4fe7b
```
#a4fe7b rgb(164,254,123)
```
#7ba4fe
```
#7ba4fe rgb(123,164,254)
```
#fe7ba4
```
#fe7ba4 rgb(254,123,164)
```

Triadic Color

#7bfed5
```
#7bfed5 rgb(123,254,213)
```
#7ba4fe
```
#7ba4fe rgb(123,164,254)
```
#fe7ba4
```
#fe7ba4 rgb(254,123,164)
```
#fed57b
```
#fed57b rgb(254,213,123)
```

Tetradic Color

#2f70fd
```
#2f70fd rgb(47,112,253)
```
#4881fe
```
#4881fe rgb(72,129,254)
```
#6293fe
```
#6293fe rgb(98,147,254)
```
#7ba4fe
```
#7ba4fe rgb(123,164,254)
```
#94b5fe
```
#94b5fe rgb(148,181,254)
```
#aec7fe
```
#aec7fe rgb(174,199,254)
```
#c7d8ff
```
#c7d8ff rgb(199,216,255)
```

Monochromatic Color

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

#7bc5fe
```
#7bc5fe rgb(123,197,254)
```
#7bbafe
```
#7bbafe rgb(123,186,254)
```
#7baffe
```
#7baffe rgb(123,175,254)
```
#7ba4fe
```
#7ba4fe rgb(123,164,254)
```
#7b99fe
```
#7b99fe rgb(123,153,254)
```
#7b8efe
```
#7b8efe rgb(123,142,254)
```
#7b83fe
```
#7b83fe rgb(123,131,254)
```

Similar Colors

Text with hexadecimal color #7ba4fe

This text has a font color of #7ba4fe.

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

#7ba4fe background color

This paragraph has a background color of #7ba4fe.

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

#7ba4fe border color

This element has a border color of #7ba4fe.

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

CSS codes

.text {color:#7ba4fe;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000818
```
#000818 rgb(0,8,24)
```
#000e2b
```
#000e2b rgb(0,14,43)
```
#00143f
```
#00143f rgb(0,20,63)
```
#011a52
```
#011a52 rgb(1,26,82)
```
#012066
```
#012066 rgb(1,32,102)
```
#012779
```
#012779 rgb(1,39,121)
```
#012d8d
```
#012d8d rgb(1,45,141)
```
#0133a0
```
#0133a0 rgb(1,51,160)
```
#0139b3
```
#0139b3 rgb(1,57,179)
```
#023fc7
```
#023fc7 rgb(2,63,199)
```
#0245da
```
#0245da rgb(2,69,218)
```
#024cee
```
#024cee rgb(2,76,238)
```

Shade Color Variation

#0653fd
```
#0653fd rgb(6,83,253)
```
#1a61fd
```
#1a61fd rgb(26,97,253)
```
#2d6efd
```
#2d6efd rgb(45,110,253)
```
#417cfe
```
#417cfe rgb(65,124,254)
```
#5489fe
```
#5489fe rgb(84,137,254)
```
#6897fe
```
#6897fe rgb(104,151,254)
```
#7ba4fe
```
#7ba4fe rgb(123,164,254)
```
#8eb1fe
```
#8eb1fe rgb(142,177,254)
```
#a2bffe
```
#a2bffe rgb(162,191,254)
```
#b5ccfe
```
#b5ccfe rgb(181,204,254)
```
#c9daff
```
#c9daff rgb(201,218,255)
```
#dce7ff
```
#dce7ff rgb(220,231,255)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

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

#b8bbc1
```
#b8bbc1 rgb(184,187,193)
```
#b3b9c6
```
#b3b9c6 rgb(179,185,198)
```
#aeb7cb
```
#aeb7cb rgb(174,183,203)
```
#a9b5d0
```
#a9b5d0 rgb(169,181,208)
```
#a4b3d5
```
#a4b3d5 rgb(164,179,213)
```
#9fb1da
```
#9fb1da rgb(159,177,218)
```
#9aafdf
```
#9aafdf rgb(154,175,223)
```
#95aee4
```
#95aee4 rgb(149,174,228)
```
#8facea
```
#8facea rgb(143,172,234)
```
#8aaaef
```
#8aaaef rgb(138,170,239)
```
#85a8f4
```
#85a8f4 rgb(133,168,244)
```
#80a6f9
```
#80a6f9 rgb(128,166,249)
```
#7ba4fe
```
#7ba4fe rgb(123,164,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9aa2b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a7fd Protanopia 1% of men
#7baafd Deuteranopia 1% of men
#67b5c2 Tritanopia 0.001% of the population

Trichromacy

#83a6fd Protanomaly 1% of men, 0.01% of women
#7ba7fd Deuteranomaly 6% of men, 0.4% of women
#6eafd8 Tritanomaly 0.01% of the population

#7ba4fe hex color

#7ba4fe Color Information

#7ba4fe Color Conversion

Color Schemes with #7ba4fe

Alternatives to #7ba4fe

#7ba4fe Preview

Shades and Tints of #7ba4fe

Tones of #7ba4fe

Color Blindness Simulator