#7ba0ed hex color

In a RGB color space, hex #7ba0ed is composed of 48.2% red, 62.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 32.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 220.5 degrees, a saturation of 76% and a lightness of 70.6%. #7ba0ed color hex could be obtained by blending #f6ffff with #0041db. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 63
- B 93
RGB color chart
- C 48
- M 32
- Y 0
- K 7
CMYK color chart

● #7ba0ed color description : Soft blue.

The hexadecimal color #7ba0ed has RGB values of R:123, G:160, B:237 and CMYK values of C:0.48, M:0.32, Y:0, K:0.07. Its decimal value is 8102125.

Hex triplet	7ba0ed	`#7ba0ed`
RGB Decimal	123, 160, 237	`rgb(123,160,237)`
RGB Percent	48.2, 62.7, 92.9	`rgb(48.2%,62.7%,92.9%)`
CMYK	48, 32, 0, 7
HSL	220.5°, 76, 70.6	`hsl(220.5,76%,70.6%)`
HSV (or HSB)	220.5°, 48.1, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.109, 7.917, -42.633
XYZ	36.022, 35.465, 85.063
xyY	0.23, 0.227, 35.465
CIE-LCH	66.109, 43.362, 280.52
CIE-LUV	66.109, -19.599, -69.263
Hunter-Lab	59.553, 3.752, -43.001
Binary	01111011, 10100000, 11101101

#7ba0ed
```
#7ba0ed rgb(123,160,237)
```
#edc87b
```
#edc87b rgb(237,200,123)
```

Complementary Color

#7bd9ed
```
#7bd9ed rgb(123,217,237)
```
#7ba0ed
```
#7ba0ed rgb(123,160,237)
```
#8f7bed
```
#8f7bed rgb(143,123,237)
```

Analogous Color

#d9ed7b
```
#d9ed7b rgb(217,237,123)
```
#7ba0ed
```
#7ba0ed rgb(123,160,237)
```
#ed8f7b
```
#ed8f7b rgb(237,143,123)
```

Split Complementary Color

#a0ed7b
```
#a0ed7b rgb(160,237,123)
```
#7ba0ed
```
#7ba0ed rgb(123,160,237)
```
#ed7ba0
```
#ed7ba0 rgb(237,123,160)
```

Triadic Color

#7bedc8
```
#7bedc8 rgb(123,237,200)
```
#7ba0ed
```
#7ba0ed rgb(123,160,237)
```
#ed7ba0
```
#ed7ba0 rgb(237,123,160)
```
#edc87b
```
#edc87b rgb(237,200,123)
```

Tetradic Color

#3870e4
```
#3870e4 rgb(56,112,228)
```
#4e80e7
```
#4e80e7 rgb(78,128,231)
```
#6590ea
```
#6590ea rgb(101,144,234)
```
#7ba0ed
```
#7ba0ed rgb(123,160,237)
```
#91b0f0
```
#91b0f0 rgb(145,176,240)
```
#a8c0f3
```
#a8c0f3 rgb(168,192,243)
```
#bed0f6
```
#bed0f6 rgb(190,208,246)
```

Monochromatic Color

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

#7bbded
```
#7bbded rgb(123,189,237)
```
#7bb3ed
```
#7bb3ed rgb(123,179,237)
```
#7baaed
```
#7baaed rgb(123,170,237)
```
#7ba0ed
```
#7ba0ed rgb(123,160,237)
```
#7b97ed
```
#7b97ed rgb(123,151,237)
```
#7b8ded
```
#7b8ded rgb(123,141,237)
```
#7b84ed
```
#7b84ed rgb(123,132,237)
```

Similar Colors

Text with hexadecimal color #7ba0ed

This text has a font color of #7ba0ed.

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

#7ba0ed background color

This paragraph has a background color of #7ba0ed.

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

#7ba0ed border color

This element has a border color of #7ba0ed.

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

CSS codes

.text {color:#7ba0ed;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#030a17
```
#030a17 rgb(3,10,23)
```
#061129
```
#061129 rgb(6,17,41)
```
#08183a
```
#08183a rgb(8,24,58)
```
#0a1f4b
```
#0a1f4b rgb(10,31,75)
```
#0d275c
```
#0d275c rgb(13,39,92)
```
#0f2e6e
```
#0f2e6e rgb(15,46,110)
```
#11357f
```
#11357f rgb(17,53,127)
```
#143c90
```
#143c90 rgb(20,60,144)
```
#1643a1
```
#1643a1 rgb(22,67,161)
```
#184ab3
```
#184ab3 rgb(24,74,179)
```
#1b52c4
```
#1b52c4 rgb(27,82,196)
```
#1d59d5
```
#1d59d5 rgb(29,89,213)
```

Shade Color Variation

#2562e1
```
#2562e1 rgb(37,98,225)
```
#366ee4
```
#366ee4 rgb(54,110,228)
```
#477be6
```
#477be6 rgb(71,123,230)
```
#5887e8
```
#5887e8 rgb(88,135,232)
```
#6a94eb
```
#6a94eb rgb(106,148,235)
```
#7ba0ed
```
#7ba0ed rgb(123,160,237)
```
#8cacef
```
#8cacef rgb(140,172,239)
```
#9eb9f2
```
#9eb9f2 rgb(158,185,242)
```
#afc5f4
```
#afc5f4 rgb(175,197,244)
```
#c0d2f6
```
#c0d2f6 rgb(192,210,246)
```
#d1def9
```
#d1def9 rgb(209,222,249)
```
#e3ebfb
```
#e3ebfb rgb(227,235,251)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

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

#afb2b9
```
#afb2b9 rgb(175,178,185)
```
#a9b0bf
```
#a9b0bf rgb(169,176,191)
```
#a3aec5
```
#a3aec5 rgb(163,174,197)
```
#9eacca
```
#9eacca rgb(158,172,202)
```
#98aad0
```
#98aad0 rgb(152,170,208)
```
#92a8d6
```
#92a8d6 rgb(146,168,214)
```
#8ca6dc
```
#8ca6dc rgb(140,166,220)
```
#87a4e1
```
#87a4e1 rgb(135,164,225)
```
#81a2e7
```
#81a2e7 rgb(129,162,231)
```
#7ba0ed
```
#7ba0ed rgb(123,160,237)
```
#759ef3
```
#759ef3 rgb(117,158,243)
```
#6f9cf9
```
#6f9cf9 rgb(111,156,249)
```
#6a9afe
```
#6a9afe rgb(106,154,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#979eae Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa3ec Protanopia 1% of men
#82a4ed Deuteranopia 1% of men
#6eafbc Tritanopia 0.001% of the population

Trichromacy

#85a2ec Protanomaly 1% of men, 0.01% of women
#7fa3ed Deuteranomaly 6% of men, 0.4% of women
#72a9cd Tritanomaly 0.01% of the population

#7ba0ed hex color

#7ba0ed Color Information

#7ba0ed Color Conversion

Color Schemes with #7ba0ed

Alternatives to #7ba0ed

#7ba0ed Preview

Shades and Tints of #7ba0ed

Tones of #7ba0ed

Color Blindness Simulator