#7ba0f5 hex color

In a RGB color space, hex #7ba0f5 is composed of 48.2% red, 62.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 34.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 221.8 degrees, a saturation of 85.9% and a lightness of 72.2%. #7ba0f5 color hex could be obtained by blending #f6ffff with #0041eb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 63
- B 96
RGB color chart
- C 50
- M 35
- Y 0
- K 4
CMYK color chart

● #7ba0f5 color description : Soft blue.

The hexadecimal color #7ba0f5 has RGB values of R:123, G:160, B:245 and CMYK values of C:0.5, M:0.35, Y:0, K:0.04. Its decimal value is 8102133.

Hex triplet	7ba0f5	`#7ba0f5`
RGB Decimal	123, 160, 245	`rgb(123,160,245)`
RGB Percent	48.2, 62.7, 96.1	`rgb(48.2%,62.7%,96.1%)`
CMYK	50, 35, 0, 4
HSL	221.8°, 85.9, 72.2	`hsl(221.8,85.9%,72.2%)`
HSV (or HSB)	221.8°, 49.8, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.477, 10.292, -46.435
XYZ	37.217, 35.943, 91.358
xyY	0.226, 0.218, 35.943
CIE-LCH	66.477, 47.562, 282.497
CIE-LUV	66.477, -19.697, -76.012
Hunter-Lab	59.953, 5.89, -48.381
Binary	01111011, 10100000, 11110101

#7ba0f5
```
#7ba0f5 rgb(123,160,245)
```
#f5d07b
```
#f5d07b rgb(245,208,123)
```

Complementary Color

#7bddf5
```
#7bddf5 rgb(123,221,245)
```
#7ba0f5
```
#7ba0f5 rgb(123,160,245)
```
#937bf5
```
#937bf5 rgb(147,123,245)
```

Analogous Color

#ddf57b
```
#ddf57b rgb(221,245,123)
```
#7ba0f5
```
#7ba0f5 rgb(123,160,245)
```
#f5937b
```
#f5937b rgb(245,147,123)
```

Split Complementary Color

#a0f57b
```
#a0f57b rgb(160,245,123)
```
#7ba0f5
```
#7ba0f5 rgb(123,160,245)
```
#f57ba0
```
#f57ba0 rgb(245,123,160)
```

Triadic Color

#7bf5d0
```
#7bf5d0 rgb(123,245,208)
```
#7ba0f5
```
#7ba0f5 rgb(123,160,245)
```
#f57ba0
```
#f57ba0 rgb(245,123,160)
```
#f5d07b
```
#f5d07b rgb(245,208,123)
```

Tetradic Color

#346df0
```
#346df0 rgb(52,109,240)
```
#4c7ef1
```
#4c7ef1 rgb(76,126,241)
```
#638ff3
```
#638ff3 rgb(99,143,243)
```
#7ba0f5
```
#7ba0f5 rgb(123,160,245)
```
#93b1f7
```
#93b1f7 rgb(147,177,247)
```
#aac2f9
```
#aac2f9 rgb(170,194,249)
```
#c2d3fa
```
#c2d3fa rgb(194,211,250)
```

Monochromatic Color

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

#7bbff5
```
#7bbff5 rgb(123,191,245)
```
#7bb4f5
```
#7bb4f5 rgb(123,180,245)
```
#7baaf5
```
#7baaf5 rgb(123,170,245)
```
#7ba0f5
```
#7ba0f5 rgb(123,160,245)
```
#7b96f5
```
#7b96f5 rgb(123,150,245)
```
#7b8cf5
```
#7b8cf5 rgb(123,140,245)
```
#7b82f5
```
#7b82f5 rgb(123,130,245)
```

Similar Colors

Text with hexadecimal color #7ba0f5

This text has a font color of #7ba0f5.

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

#7ba0f5 background color

This paragraph has a background color of #7ba0f5.

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

#7ba0f5 border color

This element has a border color of #7ba0f5.

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

CSS codes

.text {color:#7ba0f5;}

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

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

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, #01050e is the darkest color, while #fbfcff is the lightest one.

#01050e
```
#01050e rgb(1,5,14)
```
#020b20
```
#020b20 rgb(2,11,32)
```
#041232
```
#041232 rgb(4,18,50)
```
#051845
```
#051845 rgb(5,24,69)
```
#071f57
```
#071f57 rgb(7,31,87)
```
#082569
```
#082569 rgb(8,37,105)
```
#092c7b
```
#092c7b rgb(9,44,123)
```
#0b328e
```
#0b328e rgb(11,50,142)
```
#0c39a0
```
#0c39a0 rgb(12,57,160)
```
#0d3fb2
```
#0d3fb2 rgb(13,63,178)
```
#0f46c4
```
#0f46c4 rgb(15,70,196)
```
#104cd6
```
#104cd6 rgb(16,76,214)
```
#1253e9
```
#1253e9 rgb(18,83,233)
```

Shade Color Variation

#205eee
```
#205eee rgb(32,94,238)
```
#326cef
```
#326cef rgb(50,108,239)
```
#4479f1
```
#4479f1 rgb(68,121,241)
```
#5786f2
```
#5786f2 rgb(87,134,242)
```
#6993f4
```
#6993f4 rgb(105,147,244)
```
#7ba0f5
```
#7ba0f5 rgb(123,160,245)
```
#8dadf6
```
#8dadf6 rgb(141,173,246)
```
#9fbaf8
```
#9fbaf8 rgb(159,186,248)
```
#b2c7f9
```
#b2c7f9 rgb(178,199,249)
```
#c4d4fb
```
#c4d4fb rgb(196,212,251)
```
#d6e2fc
```
#d6e2fc rgb(214,226,252)
```
#e8effd
```
#e8effd rgb(232,239,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#b7b8b9
```
#b7b8b9 rgb(183,184,185)
```
#b2b5be
```
#b2b5be rgb(178,181,190)
```
#acb3c4
```
#acb3c4 rgb(172,179,196)
```
#a7b1c9
```
#a7b1c9 rgb(167,177,201)
```
#a1afcf
```
#a1afcf rgb(161,175,207)
```
#9cadd4
```
#9cadd4 rgb(156,173,212)
```
#96abda
```
#96abda rgb(150,171,218)
```
#91a9df
```
#91a9df rgb(145,169,223)
```
#8ba6e5
```
#8ba6e5 rgb(139,166,229)
```
#86a4ea
```
#86a4ea rgb(134,164,234)
```
#80a2f0
```
#80a2f0 rgb(128,162,240)
```
#7ba0f5
```
#7ba0f5 rgb(123,160,245)
```
#769efa
```
#769efa rgb(118,158,250)
```

Tone Color Variation

Below, you can see how #7ba0f5 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
#989fb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a3f4 Protanopia 1% of men
#7ca6f5 Deuteranopia 1% of men
#6ab0bd Tritanopia 0.001% of the population

Trichromacy

#82a2f4 Protanomaly 1% of men, 0.01% of women
#7ba3f5 Deuteranomaly 6% of men, 0.4% of women
#70aad1 Tritanomaly 0.01% of the population

#7ba0f5 hex color

#7ba0f5 Color Information

#7ba0f5 Color Conversion

Color Schemes with #7ba0f5

Alternatives to #7ba0f5

#7ba0f5 Preview

Shades and Tints of #7ba0f5

Tones of #7ba0f5

Color Blindness Simulator