#7ba0fc hex color

In a RGB color space, hex #7ba0fc is composed of 48.2% red, 62.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 36.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 222.8 degrees, a saturation of 95.6% and a lightness of 73.5%. #7ba0fc color hex could be obtained by blending #f6ffff with #0041f9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 63
- B 99
RGB color chart
- C 51
- M 37
- Y 0
- K 1
CMYK color chart

● #7ba0fc color description : Soft blue.

The hexadecimal color #7ba0fc has RGB values of R:123, G:160, B:252 and CMYK values of C:0.51, M:0.37, Y:0, K:0.01. Its decimal value is 8102140.

Hex triplet	7ba0fc	`#7ba0fc`
RGB Decimal	123, 160, 252	`rgb(123,160,252)`
RGB Percent	48.2, 62.7, 98.8	`rgb(48.2%,62.7%,98.8%)`
CMYK	51, 37, 0, 1
HSL	222.8°, 95.6, 73.5	`hsl(222.8,95.6%,73.5%)`
HSV (or HSB)	222.8°, 51.2, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.809, 12.395, -49.731
XYZ	38.306, 36.379, 97.093
xyY	0.223, 0.212, 36.379
CIE-LCH	66.809, 51.252, 283.996
CIE-LUV	66.809, -19.785, -81.873
Hunter-Lab	60.315, 7.814, -53.223
Binary	01111011, 10100000, 11111100

#7ba0fc
```
#7ba0fc rgb(123,160,252)
```
#fcd77b
```
#fcd77b rgb(252,215,123)
```

Complementary Color

#7be1fc
```
#7be1fc rgb(123,225,252)
```
#7ba0fc
```
#7ba0fc rgb(123,160,252)
```
#977bfc
```
#977bfc rgb(151,123,252)
```

Analogous Color

#e1fc7b
```
#e1fc7b rgb(225,252,123)
```
#7ba0fc
```
#7ba0fc rgb(123,160,252)
```
#fc977b
```
#fc977b rgb(252,151,123)
```

Split Complementary Color

#a0fc7b
```
#a0fc7b rgb(160,252,123)
```
#7ba0fc
```
#7ba0fc rgb(123,160,252)
```
#fc7ba0
```
#fc7ba0 rgb(252,123,160)
```

Triadic Color

#7bfcd7
```
#7bfcd7 rgb(123,252,215)
```
#7ba0fc
```
#7ba0fc rgb(123,160,252)
```
#fc7ba0
```
#fc7ba0 rgb(252,123,160)
```
#fcd77b
```
#fcd77b rgb(252,215,123)
```

Tetradic Color

#306afa
```
#306afa rgb(48,106,250)
```
#497cfb
```
#497cfb rgb(73,124,251)
```
#628efb
```
#628efb rgb(98,142,251)
```
#7ba0fc
```
#7ba0fc rgb(123,160,252)
```
#94b2fd
```
#94b2fd rgb(148,178,253)
```
#adc4fd
```
#adc4fd rgb(173,196,253)
```
#c6d6fe
```
#c6d6fe rgb(198,214,254)
```

Monochromatic Color

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

#7bc0fc
```
#7bc0fc rgb(123,192,252)
```
#7bb6fc
```
#7bb6fc rgb(123,182,252)
```
#7babfc
```
#7babfc rgb(123,171,252)
```
#7ba0fc
```
#7ba0fc rgb(123,160,252)
```
#7b95fc
```
#7b95fc rgb(123,149,252)
```
#7b8bfc
```
#7b8bfc rgb(123,139,252)
```
#7b80fc
```
#7b80fc rgb(123,128,252)
```

Similar Colors

Text with hexadecimal color #7ba0fc

This text has a font color of #7ba0fc.

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

#7ba0fc background color

This paragraph has a background color of #7ba0fc.

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

#7ba0fc border color

This element has a border color of #7ba0fc.

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

CSS codes

.text {color:#7ba0fc;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000615
```
#000615 rgb(0,6,21)
```
#010c29
```
#010c29 rgb(1,12,41)
```
#01123c
```
#01123c rgb(1,18,60)
```
#02184f
```
#02184f rgb(2,24,79)
```
#021e62
```
#021e62 rgb(2,30,98)
```
#032475
```
#032475 rgb(3,36,117)
```
#032989
```
#032989 rgb(3,41,137)
```
#042f9c
```
#042f9c rgb(4,47,156)
```
#0435af
```
#0435af rgb(4,53,175)
```
#043bc2
```
#043bc2 rgb(4,59,194)
```
#0541d5
```
#0541d5 rgb(5,65,213)
```
#0546e8
```
#0546e8 rgb(5,70,232)
```

Shade Color Variation

#084df9
```
#084df9 rgb(8,77,249)
```
#1b5bfa
```
#1b5bfa rgb(27,91,250)
```
#2e69fa
```
#2e69fa rgb(46,105,250)
```
#4177fb
```
#4177fb rgb(65,119,251)
```
#5584fb
```
#5584fb rgb(85,132,251)
```
#6892fc
```
#6892fc rgb(104,146,252)
```
#7ba0fc
```
#7ba0fc rgb(123,160,252)
```
#8eaefc
```
#8eaefc rgb(142,174,252)
```
#a1bcfd
```
#a1bcfd rgb(161,188,253)
```
#b5c9fd
```
#b5c9fd rgb(181,201,253)
```
#c8d7fe
```
#c8d7fe rgb(200,215,254)
```
#dbe5fe
```
#dbe5fe rgb(219,229,254)
```
#eef3ff
```
#eef3ff rgb(238,243,255)
```

Tint Color Variation

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

#b9bbbe
```
#b9bbbe rgb(185,187,190)
```
#b4b8c3
```
#b4b8c3 rgb(180,184,195)
```
#afb6c8
```
#afb6c8 rgb(175,182,200)
```
#aab4cd
```
#aab4cd rgb(170,180,205)
```
#a5b2d2
```
#a5b2d2 rgb(165,178,210)
```
#9fafd8
```
#9fafd8 rgb(159,175,216)
```
#9aaddd
```
#9aaddd rgb(154,173,221)
```
#95abe2
```
#95abe2 rgb(149,171,226)
```
#90a9e7
```
#90a9e7 rgb(144,169,231)
```
#8ba7ec
```
#8ba7ec rgb(139,167,236)
```
#85a4f2
```
#85a4f2 rgb(133,164,242)
```
#80a2f7
```
#80a2f7 rgb(128,162,247)
```
#7ba0fc
```
#7ba0fc rgb(123,160,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#989fb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a4fb Protanopia 1% of men
#76a7fb Deuteranopia 1% of men
#67b2bf Tritanopia 0.001% of the population

Trichromacy

#80a2fb Protanomaly 1% of men, 0.01% of women
#78a4fb Deuteranomaly 6% of men, 0.4% of women
#6eabd5 Tritanomaly 0.01% of the population

#7ba0fc hex color

#7ba0fc Color Information

#7ba0fc Color Conversion

Color Schemes with #7ba0fc

Alternatives to #7ba0fc

#7ba0fc Preview

Shades and Tints of #7ba0fc

Tones of #7ba0fc

Color Blindness Simulator