#7bb4c2 hex color

In a RGB color space, hex #7bb4c2 is composed of 48.2% red, 70.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 7.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 191.8 degrees, a saturation of 36.8% and a lightness of 62.2%. #7bb4c2 color hex could be obtained by blending #f6ffff with #006985. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 71
- B 76
RGB color chart
- C 37
- M 7
- Y 0
- K 24
CMYK color chart

● #7bb4c2 color description : Slightly desaturated cyan.

The hexadecimal color #7bb4c2 has RGB values of R:123, G:180, B:194 and CMYK values of C:0.37, M:0.07, Y:0, K:0.24. Its decimal value is 8107202.

Hex triplet	7bb4c2	`#7bb4c2`
RGB Decimal	123, 180, 194	`rgb(123,180,194)`
RGB Percent	48.2, 70.6, 76.1	`rgb(48.2%,70.6%,76.1%)`
CMYK	37, 7, 0, 24
HSL	191.8°, 36.8, 62.2	`hsl(191.8,36.8%,62.2%)`
HSV (or HSB)	191.8°, 36.6, 76.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.998, -14.965, -13.008
XYZ	34.225, 40.747, 57.098
xyY	0.259, 0.309, 40.747
CIE-LCH	69.998, 19.828, 220.997
CIE-LUV	69.998, -27.499, -17.579
Hunter-Lab	63.833, -16.004, -8.35
Binary	01111011, 10110100, 11000010

#7bb4c2
```
#7bb4c2 rgb(123,180,194)
```
#c2897b
```
#c2897b rgb(194,137,123)
```

Complementary Color

#7bc2ad
```
#7bc2ad rgb(123,194,173)
```
#7bb4c2
```
#7bb4c2 rgb(123,180,194)
```
#7b91c2
```
#7b91c2 rgb(123,145,194)
```

Analogous Color

#c2ad7b
```
#c2ad7b rgb(194,173,123)
```
#7bb4c2
```
#7bb4c2 rgb(123,180,194)
```
#c27b91
```
#c27b91 rgb(194,123,145)
```

Split Complementary Color

#b4c27b
```
#b4c27b rgb(180,194,123)
```
#7bb4c2
```
#7bb4c2 rgb(123,180,194)
```
#c27bb4
```
#c27bb4 rgb(194,123,180)
```

Triadic Color

#7bc289
```
#7bc289 rgb(123,194,137)
```
#7bb4c2
```
#7bb4c2 rgb(123,180,194)
```
#c27bb4
```
#c27bb4 rgb(194,123,180)
```
#c2897b
```
#c2897b rgb(194,137,123)
```

Tetradic Color

#4c93a4
```
#4c93a4 rgb(76,147,164)
```
#58a0b2
```
#58a0b2 rgb(88,160,178)
```
#6aaaba
```
#6aaaba rgb(106,170,186)
```
#7bb4c2
```
#7bb4c2 rgb(123,180,194)
```
#8cbeca
```
#8cbeca rgb(140,190,202)
```
#9ec8d2
```
#9ec8d2 rgb(158,200,210)
```
#afd2da
```
#afd2da rgb(175,210,218)
```

Monochromatic Color

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

#7bc2be
```
#7bc2be rgb(123,194,190)
```
#7bc0c2
```
#7bc0c2 rgb(123,192,194)
```
#7bbac2
```
#7bbac2 rgb(123,186,194)
```
#7bb4c2
```
#7bb4c2 rgb(123,180,194)
```
#7baec2
```
#7baec2 rgb(123,174,194)
```
#7ba8c2
```
#7ba8c2 rgb(123,168,194)
```
#7ba2c2
```
#7ba2c2 rgb(123,162,194)
```

Similar Colors

Text with hexadecimal color #7bb4c2

This text has a font color of #7bb4c2.

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

#7bb4c2 background color

This paragraph has a background color of #7bb4c2.

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

#7bb4c2 border color

This element has a border color of #7bb4c2.

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

CSS codes

.text {color:#7bb4c2;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070e10
```
#070e10 rgb(7,14,16)
```
#0d1a1d
```
#0d1a1d rgb(13,26,29)
```
#14262a
```
#14262a rgb(20,38,42)
```
#1a3238
```
#1a3238 rgb(26,50,56)
```
#203e45
```
#203e45 rgb(32,62,69)
```
#264a53
```
#264a53 rgb(38,74,83)
```
#2c5660
```
#2c5660 rgb(44,86,96)
```
#33626d
```
#33626d rgb(51,98,109)
```
#396e7b
```
#396e7b rgb(57,110,123)
```
#3f7a88
```
#3f7a88 rgb(63,122,136)
```
#458696
```
#458696 rgb(69,134,150)
```
#4b92a3
```
#4b92a3 rgb(75,146,163)
```

Shade Color Variation

#539daf
```
#539daf rgb(83,157,175)
```
#60a5b6
```
#60a5b6 rgb(96,165,182)
```
#6eacbc
```
#6eacbc rgb(110,172,188)
```
#7bb4c2
```
#7bb4c2 rgb(123,180,194)
```
#88bcc8
```
#88bcc8 rgb(136,188,200)
```
#96c3ce
```
#96c3ce rgb(150,195,206)
```
#a3cbd5
```
#a3cbd5 rgb(163,203,213)
```
#b1d2db
```
#b1d2db rgb(177,210,219)
```
#bedae1
```
#bedae1 rgb(190,218,225)
```
#cbe2e7
```
#cbe2e7 rgb(203,226,231)
```
#d9e9ed
```
#d9e9ed rgb(217,233,237)
```
#e6f1f4
```
#e6f1f4 rgb(230,241,244)
```
#f4f9fa
```
#f4f9fa rgb(244,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a2a4 is the less saturated color, while #40d8fd is the most saturated one.

#99a2a4
```
#99a2a4 rgb(153,162,164)
```
#91a7ac
```
#91a7ac rgb(145,167,172)
```
#8aabb3
```
#8aabb3 rgb(138,171,179)
```
#82b0bb
```
#82b0bb rgb(130,176,187)
```
#7bb4c2
```
#7bb4c2 rgb(123,180,194)
```
#74b8c9
```
#74b8c9 rgb(116,184,201)
```
#6cbdd1
```
#6cbdd1 rgb(108,189,209)
```
#65c1d8
```
#65c1d8 rgb(101,193,216)
```
#5dc6e0
```
#5dc6e0 rgb(93,198,224)
```
#56cae7
```
#56cae7 rgb(86,202,231)
```
#4ecfef
```
#4ecfef rgb(78,207,239)
```
#47d3f6
```
#47d3f6 rgb(71,211,246)
```
#40d8fd
```
#40d8fd rgb(64,216,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9da8ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#adaebf Protanopia 1% of men
#b2abc9 Deuteranopia 1% of men
#81b7c5 Tritanopia 0.001% of the population

Trichromacy

#9bb0c0 Protanomaly 1% of men, 0.01% of women
#9eaec6 Deuteranomaly 6% of men, 0.4% of women
#7fb6c4 Tritanomaly 0.01% of the population

#7bb4c2 hex color

#7bb4c2 Color Information

#7bb4c2 Color Conversion

Color Schemes with #7bb4c2

Alternatives to #7bb4c2

#7bb4c2 Preview

Shades and Tints of #7bb4c2

Tones of #7bb4c2

Color Blindness Simulator