colorhexa.com

#7baebd hex color

In a RGB color space, hex #7baebd is composed of 48.2% red, 68.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 34.9% cyan, 7.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 193.6 degrees, a saturation of 33.3% and a lightness of 61.2%. #7baebd color hex could be obtained by blending #f6ffff with #005d7b. Closest websafe color is: #6699cc.

- R 48
- G 68
- B 74
RGB color chart
- C 35
- M 8
- Y 0
- K 26
CMYK color chart

● #7baebd color description : Slightly desaturated cyan.

The hexadecimal color #7baebd has RGB values of R:123, G:174, B:189 and CMYK values of C:0.35, M:0.08, Y:0, K:0.26. Its decimal value is 8105661.

Hex triplet	7baebd	`#7baebd`
RGB Decimal	123, 174, 189	`rgb(123,174,189)`
RGB Percent	48.2, 68.2, 74.1	`rgb(48.2%,68.2%,74.1%)`
CMYK	35, 8, 0, 26
HSL	193.6°, 33.3, 61.2	`hsl(193.6,33.3%,61.2%)`
HSV (or HSB)	193.6°, 34.9, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.135, -13.059, -13.048
XYZ	32.487, 38.156, 53.794
xyY	0.261, 0.307, 38.156
CIE-LCH	68.135, 18.46, 224.975
CIE-LUV	68.135, -25.012, -17.85
Hunter-Lab	61.77, -14.218, -8.395
Binary	01111011, 10101110, 10111101

#7baebd
```
#7baebd rgb(123,174,189)
```
#bd8a7b
```
#bd8a7b rgb(189,138,123)
```

Complementary Color

#7bbdab
```
#7bbdab rgb(123,189,171)
```
#7baebd
```
#7baebd rgb(123,174,189)
```
#7b8dbd
```
#7b8dbd rgb(123,141,189)
```

Analogous Color

#bdab7b
```
#bdab7b rgb(189,171,123)
```
#7baebd
```
#7baebd rgb(123,174,189)
```
#bd7b8d
```
#bd7b8d rgb(189,123,141)
```

Split Complementary Color

#aebd7b
```
#aebd7b rgb(174,189,123)
```
#7baebd
```
#7baebd rgb(123,174,189)
```
#bd7bae
```
#bd7bae rgb(189,123,174)
```

Triadic Color

#7bbd8a
```
#7bbd8a rgb(123,189,138)
```
#7baebd
```
#7baebd rgb(123,174,189)
```
#bd7bae
```
#bd7bae rgb(189,123,174)
```
#bd8a7b
```
#bd8a7b rgb(189,138,123)
```

Tetradic Color

#4f8b9d
```
#4f8b9d rgb(79,139,157)
```
#5999ac
```
#5999ac rgb(89,153,172)
```
#6aa4b5
```
#6aa4b5 rgb(106,164,181)
```
#7baebd
```
#7baebd rgb(123,174,189)
```
#8cb8c6
```
#8cb8c6 rgb(140,184,198)
```
#9dc3ce
```
#9dc3ce rgb(157,195,206)
```
#aecdd7
```
#aecdd7 rgb(174,205,215)
```

Monochromatic Color

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

#7bbdbc
```
#7bbdbc rgb(123,189,188)
```
#7bb9bd
```
#7bb9bd rgb(123,185,189)
```
#7bb4bd
```
#7bb4bd rgb(123,180,189)
```
#7baebd
```
#7baebd rgb(123,174,189)
```
#7ba9bd
```
#7ba9bd rgb(123,169,189)
```
#7ba3bd
```
#7ba3bd rgb(123,163,189)
```
#7b9ebd
```
#7b9ebd rgb(123,158,189)
```

Similar Colors

Text with hexadecimal color #7baebd

This text has a font color of #7baebd.

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

#7baebd background color

This paragraph has a background color of #7baebd.

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

#7baebd border color

This element has a border color of #7baebd.

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

CSS codes

.text {color:#7baebd;}

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

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

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, #060b0c is the darkest color, while #fefefe is the lightest one.

#060b0c
```
#060b0c rgb(6,11,12)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#132226
```
#132226 rgb(19,34,38)
```
#1a2d33
```
#1a2d33 rgb(26,45,51)
```
#203940
```
#203940 rgb(32,57,64)
```
#27444d
```
#27444d rgb(39,68,77)
```
#2d505a
```
#2d505a rgb(45,80,90)
```
#345c67
```
#345c67 rgb(52,92,103)
```
#3a6774
```
#3a6774 rgb(58,103,116)
```
#417382
```
#417382 rgb(65,115,130)
```
#477e8f
```
#477e8f rgb(71,126,143)
```
#4e8a9c
```
#4e8a9c rgb(78,138,156)
```
#5496a9
```
#5496a9 rgb(84,150,169)
```

Shade Color Variation

#619eb0
```
#619eb0 rgb(97,158,176)
```
#6ea6b6
```
#6ea6b6 rgb(110,166,182)
```
#7baebd
```
#7baebd rgb(123,174,189)
```
#88b6c4
```
#88b6c4 rgb(136,182,196)
```
#95beca
```
#95beca rgb(149,190,202)
```
#a2c6d1
```
#a2c6d1 rgb(162,198,209)
```
#afced7
```
#afced7 rgb(175,206,215)
```
#bcd6de
```
#bcd6de rgb(188,214,222)
```
#c9dee4
```
#c9dee4 rgb(201,222,228)
```
#d7e6eb
```
#d7e6eb rgb(215,230,235)
```
#e4eef1
```
#e4eef1 rgb(228,238,241)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999d9f is the less saturated color, while #3ecffa is the most saturated one.

#999d9f
```
#999d9f rgb(153,157,159)
```
#92a2a6
```
#92a2a6 rgb(146,162,166)
```
#8aa6ae
```
#8aa6ae rgb(138,166,174)
```
#83aab5
```
#83aab5 rgb(131,170,181)
```
#7baebd
```
#7baebd rgb(123,174,189)
```
#73b2c5
```
#73b2c5 rgb(115,178,197)
```
#6cb6cc
```
#6cb6cc rgb(108,182,204)
```
#64bad4
```
#64bad4 rgb(100,186,212)
```
#5dbfdb
```
#5dbfdb rgb(93,191,219)
```
#55c3e3
```
#55c3e3 rgb(85,195,227)
```
#4dc7eb
```
#4dc7eb rgb(77,199,235)
```
#46cbf2
```
#46cbf2 rgb(70,203,242)
```
#3ecffa
```
#3ecffa rgb(62,207,250)
```

Tone Color Variation

Below, you can see how #7baebd 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
#99a3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a9bb Protanopia 1% of men
#ada6c4 Deuteranopia 1% of men
#81b2bf Tritanopia 0.001% of the population

Trichromacy

#97abbb Protanomaly 1% of men, 0.01% of women
#9ba9c1 Deuteranomaly 6% of men, 0.4% of women
#7fb0be Tritanomaly 0.01% of the population