colorhexa.com

#7ba5ea hex color

In a RGB color space, hex #7ba5ea is composed of 48.2% red, 64.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 29.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 217.3 degrees, a saturation of 72.5% and a lightness of 70%. #7ba5ea color hex could be obtained by blending #f6ffff with #004bd5. Closest websafe color is: #6699ff.

- R 48
- G 65
- B 92
RGB color chart
- C 47
- M 29
- Y 0
- K 8
CMYK color chart

● #7ba5ea color description : Soft blue.

The hexadecimal color #7ba5ea has RGB values of R:123, G:165, B:234 and CMYK values of C:0.47, M:0.29, Y:0, K:0.08. Its decimal value is 8103402.

Hex triplet	7ba5ea	`#7ba5ea`
RGB Decimal	123, 165, 234	`rgb(123,165,234)`
RGB Percent	48.2, 64.7, 91.8	`rgb(48.2%,64.7%,91.8%)`
CMYK	47, 29, 0, 8
HSL	217.3°, 72.5, 70	`hsl(217.3,72.5%,70%)`
HSV (or HSB)	217.3°, 47.4, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.322, 4.189, -39.091
XYZ	36.472, 37.06, 83.069
xyY	0.233, 0.237, 37.06
CIE-LCH	67.322, 39.315, 276.117
CIE-LUV	67.322, -21.435, -63.022
Hunter-Lab	60.877, 0.405, -38.289
Binary	01111011, 10100101, 11101010

#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#eac07b
```
#eac07b rgb(234,192,123)
```

Complementary Color

#7bddea
```
#7bddea rgb(123,221,234)
```
#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#897bea
```
#897bea rgb(137,123,234)
```

Analogous Color

#ddea7b
```
#ddea7b rgb(221,234,123)
```
#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#ea897b
```
#ea897b rgb(234,137,123)
```

Split Complementary Color

#a5ea7b
```
#a5ea7b rgb(165,234,123)
```
#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#ea7ba5
```
#ea7ba5 rgb(234,123,165)
```

Triadic Color

#7beac0
```
#7beac0 rgb(123,234,192)
```
#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#ea7ba5
```
#ea7ba5 rgb(234,123,165)
```
#eac07b
```
#eac07b rgb(234,192,123)
```

Tetradic Color

#3978e0
```
#3978e0 rgb(57,120,224)
```
#4f87e3
```
#4f87e3 rgb(79,135,227)
```
#6596e7
```
#6596e7 rgb(101,150,231)
```
#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#91b4ee
```
#91b4ee rgb(145,180,238)
```
#a7c3f1
```
#a7c3f1 rgb(167,195,241)
```
#bdd2f5
```
#bdd2f5 rgb(189,210,245)
```

Monochromatic Color

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

#7bc1ea
```
#7bc1ea rgb(123,193,234)
```
#7bb8ea
```
#7bb8ea rgb(123,184,234)
```
#7baeea
```
#7baeea rgb(123,174,234)
```
#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#7b9cea
```
#7b9cea rgb(123,156,234)
```
#7b93ea
```
#7b93ea rgb(123,147,234)
```
#7b89ea
```
#7b89ea rgb(123,137,234)
```

Similar Colors

Text with hexadecimal color #7ba5ea

This text has a font color of #7ba5ea.

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

#7ba5ea background color

This paragraph has a background color of #7ba5ea.

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

#7ba5ea border color

This element has a border color of #7ba5ea.

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

CSS codes

.text {color:#7ba5ea;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#030a14
```
#030a14 rgb(3,10,20)
```
#061225
```
#061225 rgb(6,18,37)
```
#091a36
```
#091a36 rgb(9,26,54)
```
#0b2247
```
#0b2247 rgb(11,34,71)
```
#0e2a58
```
#0e2a58 rgb(14,42,88)
```
#113269
```
#113269 rgb(17,50,105)
```
#133a7a
```
#133a7a rgb(19,58,122)
```
#16428b
```
#16428b rgb(22,66,139)
```
#194a9c
```
#194a9c rgb(25,74,156)
```
#1b52ad
```
#1b52ad rgb(27,82,173)
```
#1e5abe
```
#1e5abe rgb(30,90,190)
```
#2163ce
```
#2163ce rgb(33,99,206)
```

Shade Color Variation

#266bdd
```
#266bdd rgb(38,107,221)
```
#3777df
```
#3777df rgb(55,119,223)
```
#4882e2
```
#4882e2 rgb(72,130,226)
```
#598ee5
```
#598ee5 rgb(89,142,229)
```
#6a99e7
```
#6a99e7 rgb(106,153,231)
```
#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#8cb1ed
```
#8cb1ed rgb(140,177,237)
```
#9dbcef
```
#9dbcef rgb(157,188,239)
```
#aec8f2
```
#aec8f2 rgb(174,200,242)
```
#bfd3f5
```
#bfd3f5 rgb(191,211,245)
```
#d0dff7
```
#d0dff7 rgb(208,223,247)
```
#e1eafa
```
#e1eafa rgb(225,234,250)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

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

#b0b2b5
```
#b0b2b5 rgb(176,178,181)
```
#aab0bb
```
#aab0bb rgb(170,176,187)
```
#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#9eaec7
```
#9eaec7 rgb(158,174,199)
```
#98accd
```
#98accd rgb(152,172,205)
```
#93abd2
```
#93abd2 rgb(147,171,210)
```
#8da9d8
```
#8da9d8 rgb(141,169,216)
```
#87a8de
```
#87a8de rgb(135,168,222)
```
#81a6e4
```
#81a6e4 rgb(129,166,228)
```
#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#75a4f0
```
#75a4f0 rgb(117,164,240)
```
#6fa2f6
```
#6fa2f6 rgb(111,162,246)
```
#69a1fc
```
#69a1fc rgb(105,161,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#99a1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a6e8 Protanopia 1% of men
#8ba7eb Deuteranopia 1% of men
#71b2bf Tritanopia 0.001% of the population

Trichromacy

#89a5e9 Protanomaly 1% of men, 0.01% of women
#85a6eb Deuteranomaly 6% of men, 0.4% of women
#74adce Tritanomaly 0.01% of the population