#7ba1ec hex color

In a RGB color space, hex #7ba1ec is composed of 48.2% red, 63.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 31.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 219.8 degrees, a saturation of 74.8% and a lightness of 70.4%. #7ba1ec color hex could be obtained by blending #f6ffff with #0043d9. 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

● #7ba1ec color description : Soft blue.

The hexadecimal color #7ba1ec has RGB values of R:123, G:161, B:236 and CMYK values of C:0.48, M:0.32, Y:0, K:0.07. Its decimal value is 8102380.

Hex triplet	7ba1ec	`#7ba1ec`
RGB Decimal	123, 161, 236	`rgb(123,161,236)`
RGB Percent	48.2, 63.1, 92.5	`rgb(48.2%,63.1%,92.5%)`
CMYK	48, 32, 0, 7
HSL	219.8°, 74.8, 70.4	`hsl(219.8,74.8%,70.4%)`
HSV (or HSB)	219.8°, 47.9, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.332, 7.05, -41.735
XYZ	36.05, 35.755, 84.354
xyY	0.231, 0.229, 35.755
CIE-LCH	66.332, 42.326, 279.589
CIE-LUV	66.332, -19.958, -67.682
Hunter-Lab	59.796, 2.974, -41.784
Binary	01111011, 10100001, 11101100

#7ba1ec
```
#7ba1ec rgb(123,161,236)
```
#ecc67b
```
#ecc67b rgb(236,198,123)
```

Complementary Color

#7bdaec
```
#7bdaec rgb(123,218,236)
```
#7ba1ec
```
#7ba1ec rgb(123,161,236)
```
#8e7bec
```
#8e7bec rgb(142,123,236)
```

Analogous Color

#daec7b
```
#daec7b rgb(218,236,123)
```
#7ba1ec
```
#7ba1ec rgb(123,161,236)
```
#ec8e7b
```
#ec8e7b rgb(236,142,123)
```

Split Complementary Color

#a1ec7b
```
#a1ec7b rgb(161,236,123)
```
#7ba1ec
```
#7ba1ec rgb(123,161,236)
```
#ec7ba1
```
#ec7ba1 rgb(236,123,161)
```

Triadic Color

#7becc6
```
#7becc6 rgb(123,236,198)
```
#7ba1ec
```
#7ba1ec rgb(123,161,236)
```
#ec7ba1
```
#ec7ba1 rgb(236,123,161)
```
#ecc67b
```
#ecc67b rgb(236,198,123)
```

Tetradic Color

#3871e2
```
#3871e2 rgb(56,113,226)
```
#4e81e6
```
#4e81e6 rgb(78,129,230)
```
#6591e9
```
#6591e9 rgb(101,145,233)
```
#7ba1ec
```
#7ba1ec rgb(123,161,236)
```
#91b1ef
```
#91b1ef rgb(145,177,239)
```
#a8c1f2
```
#a8c1f2 rgb(168,193,242)
```
#bed1f6
```
#bed1f6 rgb(190,209,246)
```

Monochromatic Color

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

#7bbdec
```
#7bbdec rgb(123,189,236)
```
#7bb4ec
```
#7bb4ec rgb(123,180,236)
```
#7baaec
```
#7baaec rgb(123,170,236)
```
#7ba1ec
```
#7ba1ec rgb(123,161,236)
```
#7b98ec
```
#7b98ec rgb(123,152,236)
```
#7b8eec
```
#7b8eec rgb(123,142,236)
```
#7b85ec
```
#7b85ec rgb(123,133,236)
```

Similar Colors

Text with hexadecimal color #7ba1ec

This text has a font color of #7ba1ec.

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

#7ba1ec background color

This paragraph has a background color of #7ba1ec.

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

#7ba1ec border color

This element has a border color of #7ba1ec.

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

CSS codes

.text {color:#7ba1ec;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030a16
```
#030a16 rgb(3,10,22)
```
#061127
```
#061127 rgb(6,17,39)
```
#081839
```
#081839 rgb(8,24,57)
```
#0b204a
```
#0b204a rgb(11,32,74)
```
#0d275b
```
#0d275b rgb(13,39,91)
```
#102f6c
```
#102f6c rgb(16,47,108)
```
#12367d
```
#12367d rgb(18,54,125)
```
#143d8e
```
#143d8e rgb(20,61,142)
```
#1745a0
```
#1745a0 rgb(23,69,160)
```
#194cb1
```
#194cb1 rgb(25,76,177)
```
#1c54c2
```
#1c54c2 rgb(28,84,194)
```
#1e5bd3
```
#1e5bd3 rgb(30,91,211)
```

Shade Color Variation

#2564e0
```
#2564e0 rgb(37,100,224)
```
#3670e2
```
#3670e2 rgb(54,112,226)
```
#487ce5
```
#487ce5 rgb(72,124,229)
```
#5989e7
```
#5989e7 rgb(89,137,231)
```
#6a95ea
```
#6a95ea rgb(106,149,234)
```
#7ba1ec
```
#7ba1ec rgb(123,161,236)
```
#8cadee
```
#8cadee rgb(140,173,238)
```
#9db9f1
```
#9db9f1 rgb(157,185,241)
```
#aec6f3
```
#aec6f3 rgb(174,198,243)
```
#c0d2f6
```
#c0d2f6 rgb(192,210,246)
```
#d1def8
```
#d1def8 rgb(209,222,248)
```
#e2eafb
```
#e2eafb rgb(226,234,251)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

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

#afb2b8
```
#afb2b8 rgb(175,178,184)
```
#a9b0be
```
#a9b0be rgb(169,176,190)
```
#a4aec3
```
#a4aec3 rgb(164,174,195)
```
#9eacc9
```
#9eacc9 rgb(158,172,201)
```
#98abcf
```
#98abcf rgb(152,171,207)
```
#92a9d5
```
#92a9d5 rgb(146,169,213)
```
#8ca7db
```
#8ca7db rgb(140,167,219)
```
#87a5e0
```
#87a5e0 rgb(135,165,224)
```
#81a3e6
```
#81a3e6 rgb(129,163,230)
```
#7ba1ec
```
#7ba1ec rgb(123,161,236)
```
#759ff2
```
#759ff2 rgb(117,159,242)
```
#6f9df8
```
#6f9df8 rgb(111,157,248)
```
#6a9bfd
```
#6a9bfd rgb(106,155,253)
```

Tone Color Variation

Below, you can see how #7ba1ec 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
#979fae Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca3eb Protanopia 1% of men
#84a5ed Deuteranopia 1% of men
#6fafbc Tritanopia 0.001% of the population

Trichromacy

#86a2eb Protanomaly 1% of men, 0.01% of women
#81a3ec Deuteranomaly 6% of men, 0.4% of women
#73aacd Tritanomaly 0.01% of the population

#7ba1ec hex color

#7ba1ec Color Information

#7ba1ec Color Conversion

Color Schemes with #7ba1ec

Alternatives to #7ba1ec

#7ba1ec Preview

Shades and Tints of #7ba1ec

Tones of #7ba1ec

Color Blindness Simulator