#7bb2bf hex color

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

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

● #7bb2bf color description : Slightly desaturated cyan.

The hexadecimal color #7bb2bf has RGB values of R:123, G:178, B:191 and CMYK values of C:0.36, M:0.07, Y:0, K:0.25. Its decimal value is 8106687.

Hex triplet	7bb2bf	`#7bb2bf`
RGB Decimal	123, 178, 191	`rgb(123,178,191)`
RGB Percent	48.2, 69.8, 74.9	`rgb(48.2%,69.8%,74.9%)`
CMYK	36, 7, 0, 25
HSL	191.5°, 34.7, 61.6	`hsl(191.5,34.7%,61.6%)`
HSV (or HSB)	191.5°, 35.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.335, -14.671, -12.351
XYZ	33.49, 39.812, 55.207
xyY	0.261, 0.31, 39.812
CIE-LCH	69.335, 19.177, 220.093
CIE-LUV	69.335, -26.687, -16.554
Hunter-Lab	63.097, -15.675, -7.709
Binary	01111011, 10110010, 10111111

#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#bf887b
```
#bf887b rgb(191,136,123)
```

Complementary Color

#7bbfaa
```
#7bbfaa rgb(123,191,170)
```
#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#7b90bf
```
#7b90bf rgb(123,144,191)
```

Analogous Color

#bfaa7b
```
#bfaa7b rgb(191,170,123)
```
#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#bf7b90
```
#bf7b90 rgb(191,123,144)
```

Split Complementary Color

#b2bf7b
```
#b2bf7b rgb(178,191,123)
```
#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#bf7bb2
```
#bf7bb2 rgb(191,123,178)
```

Triadic Color

#7bbf88
```
#7bbf88 rgb(123,191,136)
```
#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#bf7bb2
```
#bf7bb2 rgb(191,123,178)
```
#bf887b
```
#bf887b rgb(191,136,123)
```

Tetradic Color

#4e90a0
```
#4e90a0 rgb(78,144,160)
```
#599eae
```
#599eae rgb(89,158,174)
```
#6aa8b7
```
#6aa8b7 rgb(106,168,183)
```
#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#8cbcc7
```
#8cbcc7 rgb(140,188,199)
```
#9dc6d0
```
#9dc6d0 rgb(157,198,208)
```
#afd0d8
```
#afd0d8 rgb(175,208,216)
```

Monochromatic Color

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

#7bbfbb
```
#7bbfbb rgb(123,191,187)
```
#7bbdbf
```
#7bbdbf rgb(123,189,191)
```
#7bb8bf
```
#7bb8bf rgb(123,184,191)
```
#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#7ba7bf
```
#7ba7bf rgb(123,167,191)
```
#7ba1bf
```
#7ba1bf rgb(123,161,191)
```

Similar Colors

Text with hexadecimal color #7bb2bf

This text has a font color of #7bb2bf.

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

#7bb2bf background color

This paragraph has a background color of #7bb2bf.

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

#7bb2bf border color

This element has a border color of #7bb2bf.

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

CSS codes

.text {color:#7bb2bf;}

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

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

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 #f2f7f9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#060c0d
```
#060c0d rgb(6,12,13)
```
#0d181b
```
#0d181b rgb(13,24,27)
```
#132428
```
#132428 rgb(19,36,40)
```
#1a3035
```
#1a3035 rgb(26,48,53)
```
#203c42
```
#203c42 rgb(32,60,66)
```
#26484f
```
#26484f rgb(38,72,79)
```
#2d535d
```
#2d535d rgb(45,83,93)
```
#335f6a
```
#335f6a rgb(51,95,106)
```
#3a6b77
```
#3a6b77 rgb(58,107,119)
```
#407784
```
#407784 rgb(64,119,132)
```
#478391
```
#478391 rgb(71,131,145)
```
#4d8f9f
```
#4d8f9f rgb(77,143,159)
```

Shade Color Variation

#539bac
```
#539bac rgb(83,155,172)
```
#61a3b2
```
#61a3b2 rgb(97,163,178)
```
#6eaab9
```
#6eaab9 rgb(110,170,185)
```
#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#88bac5
```
#88bac5 rgb(136,186,197)
```
#95c1cc
```
#95c1cc rgb(149,193,204)
```
#a3c9d2
```
#a3c9d2 rgb(163,201,210)
```
#b0d1d9
```
#b0d1d9 rgb(176,209,217)
```
#bdd9df
```
#bdd9df rgb(189,217,223)
```
#cae0e5
```
#cae0e5 rgb(202,224,229)
```
#d7e8ec
```
#d7e8ec rgb(215,232,236)
```
#e5f0f2
```
#e5f0f2 rgb(229,240,242)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,249)
```

Tint Color Variation

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

#999fa1
```
#999fa1 rgb(153,159,161)
```
#92a4a8
```
#92a4a8 rgb(146,164,168)
```
#8aa9b0
```
#8aa9b0 rgb(138,169,176)
```
#83adb7
```
#83adb7 rgb(131,173,183)
```
#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#73b7c7
```
#73b7c7 rgb(115,183,199)
```
#6cbbce
```
#6cbbce rgb(108,187,206)
```
#64c0d6
```
#64c0d6 rgb(100,192,214)
```
#5dc5dd
```
#5dc5dd rgb(93,197,221)
```
#55c9e5
```
#55c9e5 rgb(85,201,229)
```
#4eceec
```
#4eceec rgb(78,206,236)
```
#46d3f4
```
#46d3f4 rgb(70,211,244)
```
#3fd7fb
```
#3fd7fb rgb(63,215,251)
```

Tone Color Variation

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

Dichromacy

#abacbc Protanopia 1% of men
#b1a9c6 Deuteranopia 1% of men
#82b5c3 Tritanopia 0.001% of the population

Trichromacy

#9aaebd Protanomaly 1% of men, 0.01% of women
#9dacc3 Deuteranomaly 6% of men, 0.4% of women
#7fb4c1 Tritanomaly 0.01% of the population

#7bb2bf hex color

#7bb2bf Color Information

#7bb2bf Color Conversion

Color Schemes with #7bb2bf

Alternatives to #7bb2bf

#7bb2bf Preview

Shades and Tints of #7bb2bf

Tones of #7bb2bf

Color Blindness Simulator