colorhexa.com

#7bb3bd hex color

In a RGB color space, hex #7bb3bd is composed of 48.2% red, 70.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 34.9% cyan, 5.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 189.1 degrees, a saturation of 33.3% and a lightness of 61.2%. #7bb3bd color hex could be obtained by blending #f6ffff with #00677b. Closest websafe color is: #66cccc.

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

● #7bb3bd color description : Slightly desaturated cyan.

The hexadecimal color #7bb3bd has RGB values of R:123, G:179, B:189 and CMYK values of C:0.35, M:0.05, Y:0, K:0.26. Its decimal value is 8106941.

Hex triplet	7bb3bd	`#7bb3bd`
RGB Decimal	123, 179, 189	`rgb(123,179,189)`
RGB Percent	48.2, 70.2, 74.1	`rgb(48.2%,70.2%,74.1%)`
CMYK	35, 5, 0, 26
HSL	189.1°, 33.3, 61.2	`hsl(189.1,33.3%,61.2%)`
HSV (or HSB)	189.1°, 34.9, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.558, -15.695, -10.916
XYZ	33.471, 40.124, 54.122
xyY	0.262, 0.314, 40.124
CIE-LCH	69.558, 19.118, 214.819
CIE-LUV	69.558, -27.126, -14.142
Hunter-Lab	63.343, -16.529, -6.319
Binary	01111011, 10110011, 10111101

#7bb3bd
```
#7bb3bd rgb(123,179,189)
```
#bd857b
```
#bd857b rgb(189,133,123)
```

Complementary Color

#7bbda6
```
#7bbda6 rgb(123,189,166)
```
#7bb3bd
```
#7bb3bd rgb(123,179,189)
```
#7b92bd
```
#7b92bd rgb(123,146,189)
```

Analogous Color

#bda67b
```
#bda67b rgb(189,166,123)
```
#7bb3bd
```
#7bb3bd rgb(123,179,189)
```
#bd7b92
```
#bd7b92 rgb(189,123,146)
```

Split Complementary Color

#b3bd7b
```
#b3bd7b rgb(179,189,123)
```
#7bb3bd
```
#7bb3bd rgb(123,179,189)
```
#bd7bb3
```
#bd7bb3 rgb(189,123,179)
```

Triadic Color

#7bbd85
```
#7bbd85 rgb(123,189,133)
```
#7bb3bd
```
#7bb3bd rgb(123,179,189)
```
#bd7bb3
```
#bd7bb3 rgb(189,123,179)
```
#bd857b
```
#bd857b rgb(189,133,123)
```

Tetradic Color

#4f919d
```
#4f919d rgb(79,145,157)
```
#599fac
```
#599fac rgb(89,159,172)
```
#6aa9b5
```
#6aa9b5 rgb(106,169,181)
```
#7bb3bd
```
#7bb3bd rgb(123,179,189)
```
#8cbdc6
```
#8cbdc6 rgb(140,189,198)
```
#9dc7ce
```
#9dc7ce rgb(157,199,206)
```
#aed0d7
```
#aed0d7 rgb(174,208,215)
```

Monochromatic Color

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

#7bbdb7
```
#7bbdb7 rgb(123,189,183)
```
#7bbdbc
```
#7bbdbc rgb(123,189,188)
```
#7bb9bd
```
#7bb9bd rgb(123,185,189)
```
#7bb3bd
```
#7bb3bd rgb(123,179,189)
```
#7baebd
```
#7baebd rgb(123,174,189)
```
#7ba8bd
```
#7ba8bd rgb(123,168,189)
```
#7ba3bd
```
#7ba3bd rgb(123,163,189)
```

Similar Colors

Text with hexadecimal color #7bb3bd

This text has a font color of #7bb3bd.

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

#7bb3bd background color

This paragraph has a background color of #7bb3bd.

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

#7bb3bd border color

This element has a border color of #7bb3bd.

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

CSS codes

.text {color:#7bb3bd;}

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

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

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)
```
#0c1719
```
#0c1719 rgb(12,23,25)
```
#132326
```
#132326 rgb(19,35,38)
```
#1a2f33
```
#1a2f33 rgb(26,47,51)
```
#203b40
```
#203b40 rgb(32,59,64)
```
#27474d
```
#27474d rgb(39,71,77)
```
#2d535a
```
#2d535a rgb(45,83,90)
```
#346067
```
#346067 rgb(52,96,103)
```
#3a6c74
```
#3a6c74 rgb(58,108,116)
```
#417882
```
#417882 rgb(65,120,130)
```
#47848f
```
#47848f rgb(71,132,143)
```
#4e909c
```
#4e909c rgb(78,144,156)
```
#549ca9
```
#549ca9 rgb(84,156,169)
```

Shade Color Variation

#61a4b0
```
#61a4b0 rgb(97,164,176)
```
#6eabb6
```
#6eabb6 rgb(110,171,182)
```
#7bb3bd
```
#7bb3bd rgb(123,179,189)
```
#88bbc4
```
#88bbc4 rgb(136,187,196)
```
#95c2ca
```
#95c2ca rgb(149,194,202)
```
#a2cad1
```
#a2cad1 rgb(162,202,209)
```
#afd1d7
```
#afd1d7 rgb(175,209,215)
```
#bcd9de
```
#bcd9de rgb(188,217,222)
```
#c9e0e4
```
#c9e0e4 rgb(201,224,228)
```
#d7e8eb
```
#d7e8eb rgb(215,232,235)
```
#e4eff1
```
#e4eff1 rgb(228,239,241)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#999e9f
```
#999e9f rgb(153,158,159)
```
#92a3a6
```
#92a3a6 rgb(146,163,166)
```
#8aa8ae
```
#8aa8ae rgb(138,168,174)
```
#83aeb5
```
#83aeb5 rgb(131,174,181)
```
#7bb3bd
```
#7bb3bd rgb(123,179,189)
```
#73b8c5
```
#73b8c5 rgb(115,184,197)
```
#6cbecc
```
#6cbecc rgb(108,190,204)
```
#64c3d4
```
#64c3d4 rgb(100,195,212)
```
#5dc8db
```
#5dc8db rgb(93,200,219)
```
#55cee3
```
#55cee3 rgb(85,206,227)
```
#4dd3eb
```
#4dd3eb rgb(77,211,235)
```
#46d8f2
```
#46d8f2 rgb(70,216,242)
```
#3eddfa
```
#3eddfa rgb(62,221,250)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9ba6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadba Protanopia 1% of men
#b3aac4 Deuteranopia 1% of men
#82b6c3 Tritanopia 0.001% of the population

Trichromacy

#9bafbb Protanomaly 1% of men, 0.01% of women
#9eadc2 Deuteranomaly 6% of men, 0.4% of women
#80b5c1 Tritanomaly 0.01% of the population