#7eb4b0 hex color

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

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

● #7eb4b0 color description : Slightly desaturated cyan.

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

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

CIE-LAB	69.62, -18.484, -3.645
XYZ	32.76, 40.211, 47.107
xyY	0.273, 0.335, 40.211
CIE-LCH	69.62, 18.84, 191.156
CIE-LUV	69.62, -26.47, -2.461
Hunter-Lab	63.412, -18.756, 0.344
Binary	01111110, 10110100, 10110000

#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#b47e82
```
#b47e82 rgb(180,126,130)
```

Complementary Color

#7eb495
```
#7eb495 rgb(126,180,149)
```
#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#7e9db4
```
#7e9db4 rgb(126,157,180)
```

Analogous Color

#b4957e
```
#b4957e rgb(180,149,126)
```
#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#b47e9d
```
#b47e9d rgb(180,126,157)
```

Split Complementary Color

#b4b07e
```
#b4b07e rgb(180,176,126)
```
#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#b07eb4
```
#b07eb4 rgb(176,126,180)
```

Triadic Color

#82b47e
```
#82b47e rgb(130,180,126)
```
#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#b07eb4
```
#b07eb4 rgb(176,126,180)
```
#b47e82
```
#b47e82 rgb(180,126,130)
```

Tetradic Color

#54918d
```
#54918d rgb(84,145,141)
```
#5ea19c
```
#5ea19c rgb(94,161,156)
```
#6eaba6
```
#6eaba6 rgb(110,171,166)
```
#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#8ebdba
```
#8ebdba rgb(142,189,186)
```
#9ec7c4
```
#9ec7c4 rgb(158,199,196)
```
#aed0ce
```
#aed0ce rgb(174,208,206)
```

Monochromatic Color

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

#7eb4a3
```
#7eb4a3 rgb(126,180,163)
```
#7eb4a7
```
#7eb4a7 rgb(126,180,167)
```
#7eb4ac
```
#7eb4ac rgb(126,180,172)
```
#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#7eb4b4
```
#7eb4b4 rgb(126,180,180)
```
#7eafb4
```
#7eafb4 rgb(126,175,180)
```
#7eabb4
```
#7eabb4 rgb(126,171,180)
```

Similar Colors

Text with hexadecimal color #7eb4b0

This text has a font color of #7eb4b0.

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

#7eb4b0 background color

This paragraph has a background color of #7eb4b0.

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

#7eb4b0 border color

This element has a border color of #7eb4b0.

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

CSS codes

.text {color:#7eb4b0;}

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

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

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)
```
#0c1413
```
#0c1413 rgb(12,20,19)
```
#13201f
```
#13201f rgb(19,32,31)
```
#1a2d2b
```
#1a2d2b rgb(26,45,43)
```
#213937
```
#213937 rgb(33,57,55)
```
#284543
```
#284543 rgb(40,69,67)
```
#30524f
```
#30524f rgb(48,82,79)
```
#375e5b
```
#375e5b rgb(55,94,91)
```
#3e6b67
```
#3e6b67 rgb(62,107,103)
```
#457773
```
#457773 rgb(69,119,115)
```
#4c837f
```
#4c837f rgb(76,131,127)
```
#54908b
```
#54908b rgb(84,144,139)
```
#5b9c97
```
#5b9c97 rgb(91,156,151)
```

Shade Color Variation

#65a6a1
```
#65a6a1 rgb(101,166,161)
```
#72ada8
```
#72ada8 rgb(114,173,168)
```
#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#8abbb8
```
#8abbb8 rgb(138,187,184)
```
#97c2bf
```
#97c2bf rgb(151,194,191)
```
#a3cac7
```
#a3cac7 rgb(163,202,199)
```
#b0d1ce
```
#b0d1ce rgb(176,209,206)
```
#bcd8d6
```
#bcd8d6 rgb(188,216,214)
```
#c8dfde
```
#c8dfde rgb(200,223,222)
```
#d5e6e5
```
#d5e6e5 rgb(213,230,229)
```
#e1eeed
```
#e1eeed rgb(225,238,237)
```
#eef5f4
```
#eef5f4 rgb(238,245,244)
```
#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 #37fbec is the most saturated one.

#969c9c
```
#969c9c rgb(150,156,156)
```
#8ea4a3
```
#8ea4a3 rgb(142,164,163)
```
#86aca9
```
#86aca9 rgb(134,172,169)
```
#7eb4b0
```
#7eb4b0 rgb(126,180,176)
```
#76bcb7
```
#76bcb7 rgb(118,188,183)
```
#6ec4bd
```
#6ec4bd rgb(110,196,189)
```
#66ccc4
```
#66ccc4 rgb(102,204,196)
```
#5fd3cb
```
#5fd3cb rgb(95,211,203)
```
#57dbd1
```
#57dbd1 rgb(87,219,209)
```
#4fe3d8
```
#4fe3d8 rgb(79,227,216)
```
#47ebdf
```
#47ebdf rgb(71,235,223)
```
#3ff3e5
```
#3ff3e5 rgb(63,243,229)
```
#37fbec
```
#37fbec rgb(55,251,236)
```

Tone Color Variation

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

Dichromacy

#b1adae Protanopia 1% of men
#b9a9b8 Deuteranopia 1% of men
#88b5c2 Tritanopia 0.001% of the population

Trichromacy

#9eafaf Protanomaly 1% of men, 0.01% of women
#a3adb5 Deuteranomaly 6% of men, 0.4% of women
#84b5bb Tritanomaly 0.01% of the population

#7eb4b0 hex color

#7eb4b0 Color Information

#7eb4b0 Color Conversion

Color Schemes with #7eb4b0

Alternatives to #7eb4b0

#7eb4b0 Preview

Shades and Tints of #7eb4b0

Tones of #7eb4b0

Color Blindness Simulator