#7ba0e4 hex color

In a RGB color space, hex #7ba0e4 is composed of 48.2% red, 62.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 29.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 218.9 degrees, a saturation of 66% and a lightness of 68.8%. #7ba0e4 color hex could be obtained by blending #f6ffff with #0041c9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 63
- B 89
RGB color chart
- C 46
- M 30
- Y 0
- K 11
CMYK color chart

● #7ba0e4 color description : Soft blue.

The hexadecimal color #7ba0e4 has RGB values of R:123, G:160, B:228 and CMYK values of C:0.46, M:0.3, Y:0, K:0.11. Its decimal value is 8102116.

Hex triplet	7ba0e4	`#7ba0e4`
RGB Decimal	123, 160, 228	`rgb(123,160,228)`
RGB Percent	48.2, 62.7, 89.4	`rgb(48.2%,62.7%,89.4%)`
CMYK	46, 30, 0, 11
HSL	218.9°, 66, 68.8	`hsl(218.9,66%,68.8%)`
HSV (or HSB)	218.9°, 46.1, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.712, 5.286, -38.309
XYZ	34.74, 34.953, 78.31
xyY	0.235, 0.236, 34.953
CIE-LCH	65.712, 38.672, 277.857
CIE-LUV	65.712, -19.494, -61.616
Hunter-Lab	59.121, 1.427, -37.15
Binary	01111011, 10100000, 11100100

#7ba0e4
```
#7ba0e4 rgb(123,160,228)
```
#e4bf7b
```
#e4bf7b rgb(228,191,123)
```

Complementary Color

#7bd5e4
```
#7bd5e4 rgb(123,213,228)
```
#7ba0e4
```
#7ba0e4 rgb(123,160,228)
```
#8b7be4
```
#8b7be4 rgb(139,123,228)
```

Analogous Color

#d5e47b
```
#d5e47b rgb(213,228,123)
```
#7ba0e4
```
#7ba0e4 rgb(123,160,228)
```
#e48b7b
```
#e48b7b rgb(228,139,123)
```

Split Complementary Color

#a0e47b
```
#a0e47b rgb(160,228,123)
```
#7ba0e4
```
#7ba0e4 rgb(123,160,228)
```
#e47ba0
```
#e47ba0 rgb(228,123,160)
```

Triadic Color

#7be4bf
```
#7be4bf rgb(123,228,191)
```
#7ba0e4
```
#7ba0e4 rgb(123,160,228)
```
#e47ba0
```
#e47ba0 rgb(228,123,160)
```
#e4bf7b
```
#e4bf7b rgb(228,191,123)
```

Tetradic Color

#3b72d7
```
#3b72d7 rgb(59,114,215)
```
#5182db
```
#5182db rgb(81,130,219)
```
#6691e0
```
#6691e0 rgb(102,145,224)
```
#7ba0e4
```
#7ba0e4 rgb(123,160,228)
```
#90afe8
```
#90afe8 rgb(144,175,232)
```
#a5beed
```
#a5beed rgb(165,190,237)
```
#bbcef1
```
#bbcef1 rgb(187,206,241)
```

Monochromatic Color

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

#7bbae4
```
#7bbae4 rgb(123,186,228)
```
#7bb2e4
```
#7bb2e4 rgb(123,178,228)
```
#7ba9e4
```
#7ba9e4 rgb(123,169,228)
```
#7ba0e4
```
#7ba0e4 rgb(123,160,228)
```
#7b97e4
```
#7b97e4 rgb(123,151,228)
```
#7b8fe4
```
#7b8fe4 rgb(123,143,228)
```
#7b86e4
```
#7b86e4 rgb(123,134,228)
```

Similar Colors

Text with hexadecimal color #7ba0e4

This text has a font color of #7ba0e4.

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

#7ba0e4 background color

This paragraph has a background color of #7ba0e4.

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

#7ba0e4 border color

This element has a border color of #7ba0e4.

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

CSS codes

.text {color:#7ba0e4;}

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

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

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, #03070f is the darkest color, while #fdfeff is the lightest one.

#03070f
```
#03070f rgb(3,7,15)
```
#060f1f
```
#060f1f rgb(6,15,31)
```
#0a172f
```
#0a172f rgb(10,23,47)
```
#0d1f3f
```
#0d1f3f rgb(13,31,63)
```
#102750
```
#102750 rgb(16,39,80)
```
#142f60
```
#142f60 rgb(20,47,96)
```
#173670
```
#173670 rgb(23,54,112)
```
#1a3e81
```
#1a3e81 rgb(26,62,129)
```
#1e4691
```
#1e4691 rgb(30,70,145)
```
#214ea1
```
#214ea1 rgb(33,78,161)
```
#2456b1
```
#2456b1 rgb(36,86,177)
```
#285ec2
```
#285ec2 rgb(40,94,194)
```
#2b66d2
```
#2b66d2 rgb(43,102,210)
```

Shade Color Variation

#3a71d7
```
#3a71d7 rgb(58,113,215)
```
#4a7dda
```
#4a7dda rgb(74,125,218)
```
#5a89dd
```
#5a89dd rgb(90,137,221)
```
#6b94e1
```
#6b94e1 rgb(107,148,225)
```
#7ba0e4
```
#7ba0e4 rgb(123,160,228)
```
#8bace7
```
#8bace7 rgb(139,172,231)
```
#9cb7eb
```
#9cb7eb rgb(156,183,235)
```
#acc3ee
```
#acc3ee rgb(172,195,238)
```
#bccff1
```
#bccff1 rgb(188,207,241)
```
#ccdbf5
```
#ccdbf5 rgb(204,219,245)
```
#dde6f8
```
#dde6f8 rgb(221,230,248)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#acaeb3
```
#acaeb3 rgb(172,174,179)
```
#a6adb9
```
#a6adb9 rgb(166,173,185)
```
#a0abbf
```
#a0abbf rgb(160,171,191)
```
#9aa9c5
```
#9aa9c5 rgb(154,169,197)
```
#93a7cc
```
#93a7cc rgb(147,167,204)
```
#8da5d2
```
#8da5d2 rgb(141,165,210)
```
#87a4d8
```
#87a4d8 rgb(135,164,216)
```
#81a2de
```
#81a2de rgb(129,162,222)
```
#7ba0e4
```
#7ba0e4 rgb(123,160,228)
```
#759eea
```
#759eea rgb(117,158,234)
```
#6f9cf0
```
#6f9cf0 rgb(111,156,240)
```
#699bf6
```
#699bf6 rgb(105,155,246)
```
#6399fc
```
#6399fc rgb(99,153,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#969eab Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea2e3 Protanopia 1% of men
#88a3e6 Deuteranopia 1% of men
#71adba Tritanopia 0.001% of the population

Trichromacy

#87a1e3 Protanomaly 1% of men, 0.01% of women
#83a2e5 Deuteranomaly 6% of men, 0.4% of women
#75a8c9 Tritanomaly 0.01% of the population

#7ba0e4 hex color

#7ba0e4 Color Information

#7ba0e4 Color Conversion

Color Schemes with #7ba0e4

Alternatives to #7ba0e4

#7ba0e4 Preview

Shades and Tints of #7ba0e4

Tones of #7ba0e4

Color Blindness Simulator