#7bb0cb hex color

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

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

● #7bb0cb color description : Slightly desaturated blue.

The hexadecimal color #7bb0cb has RGB values of R:123, G:176, B:203 and CMYK values of C:0.39, M:0.13, Y:0, K:0.2. Its decimal value is 8106187.

Hex triplet	7bb0cb	`#7bb0cb`
RGB Decimal	123, 176, 203	`rgb(123,176,203)`
RGB Percent	48.2, 69, 79.6	`rgb(48.2%,69%,79.6%)`
CMYK	39, 13, 0, 20
HSL	200.3°, 43.5, 63.9	`hsl(200.3,43.5%,63.9%)`
HSV (or HSB)	200.3°, 39.4, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.163, -10.518, -19.22
XYZ	34.471, 39.572, 62.318
xyY	0.253, 0.29, 39.572
CIE-LCH	69.163, 21.91, 241.311
CIE-LUV	69.163, -25.769, -28.186
Hunter-Lab	62.906, -12.273, -14.702
Binary	01111011, 10110000, 11001011

#7bb0cb
```
#7bb0cb rgb(123,176,203)
```
#cb967b
```
#cb967b rgb(203,150,123)
```

Complementary Color

#7bcbbe
```
#7bcbbe rgb(123,203,190)
```
#7bb0cb
```
#7bb0cb rgb(123,176,203)
```
#7b88cb
```
#7b88cb rgb(123,136,203)
```

Analogous Color

#cbbe7b
```
#cbbe7b rgb(203,190,123)
```
#7bb0cb
```
#7bb0cb rgb(123,176,203)
```
#cb7b88
```
#cb7b88 rgb(203,123,136)
```

Split Complementary Color

#b0cb7b
```
#b0cb7b rgb(176,203,123)
```
#7bb0cb
```
#7bb0cb rgb(123,176,203)
```
#cb7bb0
```
#cb7bb0 rgb(203,123,176)
```

Triadic Color

#7bcb96
```
#7bcb96 rgb(123,203,150)
```
#7bb0cb
```
#7bb0cb rgb(123,176,203)
```
#cb7bb0
```
#cb7bb0 rgb(203,123,176)
```
#cb967b
```
#cb967b rgb(203,150,123)
```

Tetradic Color

#478eb3
```
#478eb3 rgb(71,142,179)
```
#569abd
```
#569abd rgb(86,154,189)
```
#69a5c4
```
#69a5c4 rgb(105,165,196)
```
#7bb0cb
```
#7bb0cb rgb(123,176,203)
```
#8dbbd2
```
#8dbbd2 rgb(141,187,210)
```
#a0c6d9
```
#a0c6d9 rgb(160,198,217)
```
#b2d1e1
```
#b2d1e1 rgb(178,209,225)
```

Monochromatic Color

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

#7bc4cb
```
#7bc4cb rgb(123,196,203)
```
#7bbdcb
```
#7bbdcb rgb(123,189,203)
```
#7bb7cb
```
#7bb7cb rgb(123,183,203)
```
#7bb0cb
```
#7bb0cb rgb(123,176,203)
```
#7ba9cb
```
#7ba9cb rgb(123,169,203)
```
#7ba3cb
```
#7ba3cb rgb(123,163,203)
```
#7b9ccb
```
#7b9ccb rgb(123,156,203)
```

Similar Colors

Text with hexadecimal color #7bb0cb

This text has a font color of #7bb0cb.

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

#7bb0cb background color

This paragraph has a background color of #7bb0cb.

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

#7bb0cb border color

This element has a border color of #7bb0cb.

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

CSS codes

.text {color:#7bb0cb;}

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

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

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)
```
#0f1d25
```
#0f1d25 rgb(15,29,37)
```
#142933
```
#142933 rgb(20,41,51)
```
#1a3441
```
#1a3441 rgb(26,52,65)
```
#1f3f4f
```
#1f3f4f rgb(31,63,79)
```
#254a5d
```
#254a5d rgb(37,74,93)
```
#2a556b
```
#2a556b rgb(42,85,107)
```
#306079
```
#306079 rgb(48,96,121)
```
#356c87
```
#356c87 rgb(53,108,135)
```
#3b7795
```
#3b7795 rgb(59,119,149)
```
#4082a4
```
#4082a4 rgb(64,130,164)
```
#468db2
```
#468db2 rgb(70,141,178)
```

Shade Color Variation

#5197ba
```
#5197ba rgb(81,151,186)
```
#5f9fc0
```
#5f9fc0 rgb(95,159,192)
```
#6da8c5
```
#6da8c5 rgb(109,168,197)
```
#7bb0cb
```
#7bb0cb rgb(123,176,203)
```
#89b8d1
```
#89b8d1 rgb(137,184,209)
```
#97c1d6
```
#97c1d6 rgb(151,193,214)
```
#a5c9dc
```
#a5c9dc rgb(165,201,220)
```
#b3d2e1
```
#b3d2e1 rgb(179,210,225)
```
#c1dae7
```
#c1dae7 rgb(193,218,231)
```
#cfe3ec
```
#cfe3ec rgb(207,227,236)
```
#deebf2
```
#deebf2 rgb(222,235,242)
```
#ecf3f7
```
#ecf3f7 rgb(236,243,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 #49c0fd is the most saturated one.

#9ea5a8
```
#9ea5a8 rgb(158,165,168)
```
#97a7af
```
#97a7af rgb(151,167,175)
```
#90a9b6
```
#90a9b6 rgb(144,169,182)
```
#89abbd
```
#89abbd rgb(137,171,189)
```
#82aec4
```
#82aec4 rgb(130,174,196)
```
#7bb0cb
```
#7bb0cb rgb(123,176,203)
```
#74b2d2
```
#74b2d2 rgb(116,178,210)
```
#6db5d9
```
#6db5d9 rgb(109,181,217)
```
#66b7e0
```
#66b7e0 rgb(102,183,224)
```
#5fb9e7
```
#5fb9e7 rgb(95,185,231)
```
#58bcee
```
#58bcee rgb(88,188,238)
```
#51bef5
```
#51bef5 rgb(81,190,245)
```
#49c0fd
```
#49c0fd rgb(73,192,253)
```

Tone Color Variation

Below, you can see how #7bb0cb 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
#9ba6ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7abc8 Protanopia 1% of men
#aaa9d1 Deuteranopia 1% of men
#7eb5c3 Tritanopia 0.001% of the population

Trichromacy

#97adc9 Protanomaly 1% of men, 0.01% of women
#98accf Deuteranomaly 6% of men, 0.4% of women
#7db3c6 Tritanomaly 0.01% of the population

#7bb0cb hex color

#7bb0cb Color Information

#7bb0cb Color Conversion

Color Schemes with #7bb0cb

Alternatives to #7bb0cb

#7bb0cb Preview

Shades and Tints of #7bb0cb

Tones of #7bb0cb

Color Blindness Simulator