#7eb4b4 hex color

In a RGB color space, hex #7eb4b4 is composed of 49.4% red, 70.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 0% yellow and 29.4% black. It has a hue angle of 180 degrees, a saturation of 26.5% and a lightness of 60%. #7eb4b4 color hex could be obtained by blending #fcffff with #006969. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 71
- B 71
RGB color chart
- C 30
- M 0
- Y 0
- K 29
CMYK color chart

● #7eb4b4 color description : Slightly desaturated cyan.

The hexadecimal color #7eb4b4 has RGB values of R:126, G:180, B:180 and CMYK values of C:0.3, M:0, Y:0, K:0.29. Its decimal value is 8303796.

Hex triplet	7eb4b4	`#7eb4b4`
RGB Decimal	126, 180, 180	`rgb(126,180,180)`
RGB Percent	49.4, 70.6, 70.6	`rgb(49.4%,70.6%,70.6%)`
CMYK	30, 0, 0, 29
HSL	180°, 26.5, 60	`hsl(180,26.5%,60%)`
HSV (or HSB)	180°, 30, 70.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.734, -17.548, -5.68
XYZ	33.162, 40.372, 49.223
xyY	0.27, 0.329, 40.372
CIE-LCH	69.734, 18.444, 197.936
CIE-LUV	69.734, -26.441, -5.713
Hunter-Lab	63.539, -18.032, -1.454
Binary	01111110, 10110100, 10110100

#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#b47e7e
```
#b47e7e rgb(180,126,126)
```

Complementary Color

#7eb499
```
#7eb499 rgb(126,180,153)
```
#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#7e99b4
```
#7e99b4 rgb(126,153,180)
```

Analogous Color

#b4997e
```
#b4997e rgb(180,153,126)
```
#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#b47e99
```
#b47e99 rgb(180,126,153)
```

Split Complementary Color

#b4b47e
```
#b4b47e rgb(180,180,126)
```
#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#b47eb4
```
#b47eb4 rgb(180,126,180)
```

Triadic Color

#7eb47e
```
#7eb47e rgb(126,180,126)
```
#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#b47eb4
```
#b47eb4 rgb(180,126,180)
```
#b47e7e
```
#b47e7e rgb(180,126,126)
```

Tetradic Color

#549191
```
#549191 rgb(84,145,145)
```
#5ea1a1
```
#5ea1a1 rgb(94,161,161)
```
#6eabab
```
#6eabab rgb(110,171,171)
```
#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#8ebdbd
```
#8ebdbd rgb(142,189,189)
```
#9ec7c7
```
#9ec7c7 rgb(158,199,199)
```
#aed0d0
```
#aed0d0 rgb(174,208,208)
```

Monochromatic Color

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

#7eb4a7
```
#7eb4a7 rgb(126,180,167)
```
#7eb4ab
```
#7eb4ab rgb(126,180,171)
```
#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#7eb0b4
```
#7eb0b4 rgb(126,176,180)
```
#7eabb4
```
#7eabb4 rgb(126,171,180)
```
#7ea7b4
```
#7ea7b4 rgb(126,167,180)
```

Similar Colors

Text with hexadecimal color #7eb4b4

This text has a font color of #7eb4b4.

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

#7eb4b4 background color

This paragraph has a background color of #7eb4b4.

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

#7eb4b4 border color

This element has a border color of #7eb4b4.

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

CSS codes

.text {color:#7eb4b4;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0c1414
```
#0c1414 rgb(12,20,20)
```
#132020
```
#132020 rgb(19,32,32)
```
#1a2d2d
```
#1a2d2d rgb(26,45,45)
```
#213939
```
#213939 rgb(33,57,57)
```
#284545
```
#284545 rgb(40,69,69)
```
#305252
```
#305252 rgb(48,82,82)
```
#375e5e
```
#375e5e rgb(55,94,94)
```
#3e6b6b
```
#3e6b6b rgb(62,107,107)
```
#457777
```
#457777 rgb(69,119,119)
```
#4c8383
```
#4c8383 rgb(76,131,131)
```
#549090
```
#549090 rgb(84,144,144)
```
#5b9c9c
```
#5b9c9c rgb(91,156,156)
```

Shade Color Variation

#65a6a6
```
#65a6a6 rgb(101,166,166)
```
#72adad
```
#72adad rgb(114,173,173)
```
#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#8abbbb
```
#8abbbb rgb(138,187,187)
```
#97c2c2
```
#97c2c2 rgb(151,194,194)
```
#a3caca
```
#a3caca rgb(163,202,202)
```
#b0d1d1
```
#b0d1d1 rgb(176,209,209)
```
#bcd8d8
```
#bcd8d8 rgb(188,216,216)
```
#c8dfdf
```
#c8dfdf rgb(200,223,223)
```
#d5e6e6
```
#d5e6e6 rgb(213,230,230)
```
#e1eeee
```
#e1eeee rgb(225,238,238)
```
#eef5f5
```
#eef5f5 rgb(238,245,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969c9c is the less saturated color, while #37fbfb is the most saturated one.

#969c9c
```
#969c9c rgb(150,156,156)
```
#8ea4a4
```
#8ea4a4 rgb(142,164,164)
```
#86acac
```
#86acac rgb(134,172,172)
```
#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#76bcbc
```
#76bcbc rgb(118,188,188)
```
#6ec4c4
```
#6ec4c4 rgb(110,196,196)
```
#66cccc
```
#66cccc rgb(102,204,204)
```
#5fd3d3
```
#5fd3d3 rgb(95,211,211)
```
#57dbdb
```
#57dbdb rgb(87,219,219)
```
#4fe3e3
```
#4fe3e3 rgb(79,227,227)
```
#47ebeb
```
#47ebeb rgb(71,235,235)
```
#3ff3f3
```
#3ff3f3 rgb(63,243,243)
```
#37fbfb
```
#37fbfb rgb(55,251,251)
```

Tone Color Variation

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

Dichromacy

#b0adb2 Protanopia 1% of men
#b8aabc Deuteranopia 1% of men
#87b6c3 Tritanopia 0.001% of the population

Trichromacy

#9eb0b2 Protanomaly 1% of men, 0.01% of women
#a3adb9 Deuteranomaly 6% of men, 0.4% of women
#84b5bd Tritanomaly 0.01% of the population

#7eb4b4 hex color

#7eb4b4 Color Information

#7eb4b4 Color Conversion

Color Schemes with #7eb4b4

Alternatives to #7eb4b4

#7eb4b4 Preview

Shades and Tints of #7eb4b4

Tones of #7eb4b4

Color Blindness Simulator