#7bb2cb hex color

In a RGB color space, hex #7bb2cb is composed of 48.2% red, 69.8% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 12.3% magenta, 0% yellow and 20.4% black. It has a hue angle of 198.8 degrees, a saturation of 43.5% and a lightness of 63.9%. #7bb2cb color hex could be obtained by blending #f6ffff with #006597. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 70
- B 80
RGB color chart
- C 39
- M 12
- Y 0
- K 20
CMYK color chart

● #7bb2cb color description : Slightly desaturated blue.

The hexadecimal color #7bb2cb has RGB values of R:123, G:178, B:203 and CMYK values of C:0.39, M:0.12, Y:0, K:0.2. Its decimal value is 8106699.

Hex triplet	7bb2cb	`#7bb2cb`
RGB Decimal	123, 178, 203	`rgb(123,178,203)`
RGB Percent	48.2, 69.8, 79.6	`rgb(48.2%,69.8%,79.6%)`
CMYK	39, 12, 0, 20
HSL	198.8°, 43.5, 63.9	`hsl(198.8,43.5%,63.9%)`
HSV (or HSB)	198.8°, 39.4, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.727, -11.588, -18.366
XYZ	34.866, 40.362, 62.45
xyY	0.253, 0.293, 40.362
CIE-LCH	69.727, 21.716, 237.751
CIE-LUV	69.727, -26.59, -26.678
Hunter-Lab	63.531, -13.219, -13.809
Binary	01111011, 10110010, 11001011

#7bb2cb
```
#7bb2cb rgb(123,178,203)
```
#cb947b
```
#cb947b rgb(203,148,123)
```

Complementary Color

#7bcbbc
```
#7bcbbc rgb(123,203,188)
```
#7bb2cb
```
#7bb2cb rgb(123,178,203)
```
#7b8acb
```
#7b8acb rgb(123,138,203)
```

Analogous Color

#cbbc7b
```
#cbbc7b rgb(203,188,123)
```
#7bb2cb
```
#7bb2cb rgb(123,178,203)
```
#cb7b8a
```
#cb7b8a rgb(203,123,138)
```

Split Complementary Color

#b2cb7b
```
#b2cb7b rgb(178,203,123)
```
#7bb2cb
```
#7bb2cb rgb(123,178,203)
```
#cb7bb2
```
#cb7bb2 rgb(203,123,178)
```

Triadic Color

#7bcb94
```
#7bcb94 rgb(123,203,148)
```
#7bb2cb
```
#7bb2cb rgb(123,178,203)
```
#cb7bb2
```
#cb7bb2 rgb(203,123,178)
```
#cb947b
```
#cb947b rgb(203,148,123)
```

Tetradic Color

#4791b3
```
#4791b3 rgb(71,145,179)
```
#569dbd
```
#569dbd rgb(86,157,189)
```
#69a7c4
```
#69a7c4 rgb(105,167,196)
```
#7bb2cb
```
#7bb2cb rgb(123,178,203)
```
#8dbdd2
```
#8dbdd2 rgb(141,189,210)
```
#a0c7d9
```
#a0c7d9 rgb(160,199,217)
```
#b2d2e1
```
#b2d2e1 rgb(178,210,225)
```

Monochromatic Color

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

#7bc6cb
```
#7bc6cb rgb(123,198,203)
```
#7bbfcb
```
#7bbfcb rgb(123,191,203)
```
#7bb9cb
```
#7bb9cb rgb(123,185,203)
```
#7bb2cb
```
#7bb2cb rgb(123,178,203)
```
#7babcb
```
#7babcb rgb(123,171,203)
```
#7ba5cb
```
#7ba5cb rgb(123,165,203)
```
#7b9ecb
```
#7b9ecb rgb(123,158,203)
```

Similar Colors

Text with hexadecimal color #7bb2cb

This text has a font color of #7bb2cb.

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

#7bb2cb background color

This paragraph has a background color of #7bb2cb.

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

#7bb2cb border color

This element has a border color of #7bb2cb.

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

CSS codes

.text {color:#7bb2cb;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#091217
```
#091217 rgb(9,18,23)
```
#0f1e25
```
#0f1e25 rgb(15,30,37)
```
#142933
```
#142933 rgb(20,41,51)
```
#1a3541
```
#1a3541 rgb(26,53,65)
```
#1f404f
```
#1f404f rgb(31,64,79)
```
#254c5d
```
#254c5d rgb(37,76,93)
```
#2a576b
```
#2a576b rgb(42,87,107)
```
#306279
```
#306279 rgb(48,98,121)
```
#356e87
```
#356e87 rgb(53,110,135)
```
#3b7995
```
#3b7995 rgb(59,121,149)
```
#4085a4
```
#4085a4 rgb(64,133,164)
```
#4690b2
```
#4690b2 rgb(70,144,178)
```

Shade Color Variation

#5199ba
```
#5199ba rgb(81,153,186)
```
#5fa2c0
```
#5fa2c0 rgb(95,162,192)
```
#6daac5
```
#6daac5 rgb(109,170,197)
```
#7bb2cb
```
#7bb2cb rgb(123,178,203)
```
#89bad1
```
#89bad1 rgb(137,186,209)
```
#97c2d6
```
#97c2d6 rgb(151,194,214)
```
#a5cbdc
```
#a5cbdc rgb(165,203,220)
```
#b3d3e1
```
#b3d3e1 rgb(179,211,225)
```
#c1dbe7
```
#c1dbe7 rgb(193,219,231)
```
#cfe3ec
```
#cfe3ec rgb(207,227,236)
```
#deebf2
```
#deebf2 rgb(222,235,242)
```
#ecf4f7
```
#ecf4f7 rgb(236,244,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea5a8 is the less saturated color, while #49c5fd is the most saturated one.

#9ea5a8
```
#9ea5a8 rgb(158,165,168)
```
#97a7af
```
#97a7af rgb(151,167,175)
```
#90aab6
```
#90aab6 rgb(144,170,182)
```
#89adbd
```
#89adbd rgb(137,173,189)
```
#82afc4
```
#82afc4 rgb(130,175,196)
```
#7bb2cb
```
#7bb2cb rgb(123,178,203)
```
#74b5d2
```
#74b5d2 rgb(116,181,210)
```
#6db7d9
```
#6db7d9 rgb(109,183,217)
```
#66bae0
```
#66bae0 rgb(102,186,224)
```
#5fbde7
```
#5fbde7 rgb(95,189,231)
```
#58bfee
```
#58bfee rgb(88,191,238)
```
#51c2f5
```
#51c2f5 rgb(81,194,245)
```
#49c5fd
```
#49c5fd rgb(73,197,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ca7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9adc8 Protanopia 1% of men
#acabd1 Deuteranopia 1% of men
#7eb7c4 Tritanopia 0.001% of the population

Trichromacy

#98afc9 Protanomaly 1% of men, 0.01% of women
#9aadcf Deuteranomaly 6% of men, 0.4% of women
#7db5c7 Tritanomaly 0.01% of the population

#7bb2cb hex color

#7bb2cb Color Information

#7bb2cb Color Conversion

Color Schemes with #7bb2cb

Alternatives to #7bb2cb

#7bb2cb Preview

Shades and Tints of #7bb2cb

Tones of #7bb2cb

Color Blindness Simulator