#7ba6bf hex color

In a RGB color space, hex #7ba6bf is composed of 48.2% red, 65.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 13.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 202.1 degrees, a saturation of 34.7% and a lightness of 61.6%. #7ba6bf color hex could be obtained by blending #f6ffff with #004d7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 65
- B 75
RGB color chart
- C 36
- M 13
- Y 0
- K 25
CMYK color chart

● #7ba6bf color description : Slightly desaturated blue.

The hexadecimal color #7ba6bf has RGB values of R:123, G:166, B:191 and CMYK values of C:0.36, M:0.13, Y:0, K:0.25. Its decimal value is 8103615.

Hex triplet	7ba6bf	`#7ba6bf`
RGB Decimal	123, 166, 191	`rgb(123,166,191)`
RGB Percent	48.2, 65.1, 74.9	`rgb(48.2%,65.1%,74.9%)`
CMYK	36, 13, 0, 25
HSL	202.1°, 34.7, 61.6	`hsl(202.1,34.7%,61.6%)`
HSV (or HSB)	202.1°, 35.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.938, -8.245, -17.472
XYZ	31.206, 35.244, 54.446
xyY	0.258, 0.292, 35.244
CIE-LCH	65.938, 19.32, 244.737
CIE-LUV	65.938, -21.634, -25.492
Hunter-Lab	59.366, -10.062, -12.819
Binary	01111011, 10100110, 10111111

#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#bf947b
```
#bf947b rgb(191,148,123)
```

Complementary Color

#7bbfb6
```
#7bbfb6 rgb(123,191,182)
```
#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#7b84bf
```
#7b84bf rgb(123,132,191)
```

Analogous Color

#bfb67b
```
#bfb67b rgb(191,182,123)
```
#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#bf7b84
```
#bf7b84 rgb(191,123,132)
```

Split Complementary Color

#a6bf7b
```
#a6bf7b rgb(166,191,123)
```
#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#bf7ba6
```
#bf7ba6 rgb(191,123,166)
```

Triadic Color

#7bbf94
```
#7bbf94 rgb(123,191,148)
```
#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#bf7ba6
```
#bf7ba6 rgb(191,123,166)
```
#bf947b
```
#bf947b rgb(191,148,123)
```

Tetradic Color

#4e82a0
```
#4e82a0 rgb(78,130,160)
```
#598fae
```
#598fae rgb(89,143,174)
```
#6a9ab7
```
#6a9ab7 rgb(106,154,183)
```
#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#8cb2c7
```
#8cb2c7 rgb(140,178,199)
```
#9dbdd0
```
#9dbdd0 rgb(157,189,208)
```
#afc9d8
```
#afc9d8 rgb(175,201,216)
```

Monochromatic Color

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

#7bb7bf
```
#7bb7bf rgb(123,183,191)
```
#7bb1bf
```
#7bb1bf rgb(123,177,191)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#7ba0bf
```
#7ba0bf rgb(123,160,191)
```
#7b9bbf
```
#7b9bbf rgb(123,155,191)
```
#7b95bf
```
#7b95bf rgb(123,149,191)
```

Similar Colors

Text with hexadecimal color #7ba6bf

This text has a font color of #7ba6bf.

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

#7ba6bf background color

This paragraph has a background color of #7ba6bf.

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

#7ba6bf border color

This element has a border color of #7ba6bf.

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

CSS codes

.text {color:#7ba6bf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060b0d
```
#060b0d rgb(6,11,13)
```
#0d161b
```
#0d161b rgb(13,22,27)
```
#132028
```
#132028 rgb(19,32,40)
```
#1a2b35
```
#1a2b35 rgb(26,43,53)
```
#203642
```
#203642 rgb(32,54,66)
```
#26404f
```
#26404f rgb(38,64,79)
```
#2d4b5d
```
#2d4b5d rgb(45,75,93)
```
#33566a
```
#33566a rgb(51,86,106)
```
#3a6077
```
#3a6077 rgb(58,96,119)
```
#406b84
```
#406b84 rgb(64,107,132)
```
#477691
```
#477691 rgb(71,118,145)
```
#4d819f
```
#4d819f rgb(77,129,159)
```

Shade Color Variation

#538bac
```
#538bac rgb(83,139,172)
```
#6194b2
```
#6194b2 rgb(97,148,178)
```
#6e9db9
```
#6e9db9 rgb(110,157,185)
```
#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#88afc5
```
#88afc5 rgb(136,175,197)
```
#95b8cc
```
#95b8cc rgb(149,184,204)
```
#a3c1d2
```
#a3c1d2 rgb(163,193,210)
```
#b0cad9
```
#b0cad9 rgb(176,202,217)
```
#bdd3df
```
#bdd3df rgb(189,211,223)
```
#cadbe5
```
#cadbe5 rgb(202,219,229)
```
#d7e4ec
```
#d7e4ec rgb(215,228,236)
```
#e5edf2
```
#e5edf2 rgb(229,237,242)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#999ea1
```
#999ea1 rgb(153,158,161)
```
#92a0a8
```
#92a0a8 rgb(146,160,168)
```
#8aa2b0
```
#8aa2b0 rgb(138,162,176)
```
#83a4b7
```
#83a4b7 rgb(131,164,183)
```
#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#73a8c7
```
#73a8c7 rgb(115,168,199)
```
#6caace
```
#6caace rgb(108,170,206)
```
#64acd6
```
#64acd6 rgb(100,172,214)
```
#5daedd
```
#5daedd rgb(93,174,221)
```
#55b0e5
```
#55b0e5 rgb(85,176,229)
```
#4eb2ec
```
#4eb2ec rgb(78,178,236)
```
#46b4f4
```
#46b4f4 rgb(70,180,244)
```
#3fb6fb
```
#3fb6fb rgb(63,182,251)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#959ea3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa3be Protanopia 1% of men
#a3a1c5 Deuteranopia 1% of men
#7eacb8 Tritanopia 0.001% of the population

Trichromacy

#92a4be Protanomaly 1% of men, 0.01% of women
#94a3c3 Deuteranomaly 6% of men, 0.4% of women
#7daabb Tritanomaly 0.01% of the population

#7ba6bf hex color

#7ba6bf Color Information

#7ba6bf Color Conversion

Color Schemes with #7ba6bf

Alternatives to #7ba6bf

#7ba6bf Preview

Shades and Tints of #7ba6bf

Tones of #7ba6bf

Color Blindness Simulator