#7abcbd hex color

In a RGB color space, hex #7abcbd is composed of 47.8% red, 73.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 0.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 180.9 degrees, a saturation of 33.7% and a lightness of 61%. #7abcbd color hex could be obtained by blending #f4ffff with #00797b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 74
- B 74
RGB color chart
- C 35
- M 1
- Y 0
- K 26
CMYK color chart

● #7abcbd color description : Slightly desaturated cyan.

The hexadecimal color #7abcbd has RGB values of R:122, G:188, B:189 and CMYK values of C:0.35, M:0.01, Y:0, K:0.26. Its decimal value is 8043709.

Hex triplet	7abcbd	`#7abcbd`
RGB Decimal	122, 188, 189	`rgb(122,188,189)`
RGB Percent	47.8, 73.7, 74.1	`rgb(47.8%,73.7%,74.1%)`
CMYK	35, 1, 0, 26
HSL	180.9°, 33.7, 61	`hsl(180.9,33.7%,61%)`
HSV (or HSB)	180.9°, 35.4, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.079, -20.613, -7.166
XYZ	35.192, 43.776, 54.737
xyY	0.263, 0.327, 43.776
CIE-LCH	72.079, 21.823, 199.171
CIE-LUV	72.079, -31.296, -7.586
Hunter-Lab	66.164, -20.843, -2.735
Binary	01111010, 10111100, 10111101

#7abcbd
```
#7abcbd rgb(122,188,189)
```
#bd7b7a
```
#bd7b7a rgb(189,123,122)
```

Complementary Color

#7abd9d
```
#7abd9d rgb(122,189,157)
```
#7abcbd
```
#7abcbd rgb(122,188,189)
```
#7a9bbd
```
#7a9bbd rgb(122,155,189)
```

Analogous Color

#bd9d7a
```
#bd9d7a rgb(189,157,122)
```
#7abcbd
```
#7abcbd rgb(122,188,189)
```
#bd7a9b
```
#bd7a9b rgb(189,122,155)
```

Split Complementary Color

#bcbd7a
```
#bcbd7a rgb(188,189,122)
```
#7abcbd
```
#7abcbd rgb(122,188,189)
```
#bd7abc
```
#bd7abc rgb(189,122,188)
```

Triadic Color

#7abd7b
```
#7abd7b rgb(122,189,123)
```
#7abcbd
```
#7abcbd rgb(122,188,189)
```
#bd7abc
```
#bd7abc rgb(189,122,188)
```
#bd7b7a
```
#bd7b7a rgb(189,123,122)
```

Tetradic Color

#4e9c9d
```
#4e9c9d rgb(78,156,157)
```
#58abac
```
#58abac rgb(88,171,172)
```
#69b3b5
```
#69b3b5 rgb(105,179,181)
```
#7abcbd
```
#7abcbd rgb(122,188,189)
```
#8bc5c5
```
#8bc5c5 rgb(139,197,197)
```
#9ccdce
```
#9ccdce rgb(156,205,206)
```
#add6d6
```
#add6d6 rgb(173,214,214)
```

Monochromatic Color

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

#7abdad
```
#7abdad rgb(122,189,173)
```
#7abdb3
```
#7abdb3 rgb(122,189,179)
```
#7abdb8
```
#7abdb8 rgb(122,189,184)
```
#7abcbd
```
#7abcbd rgb(122,188,189)
```
#7ab6bd
```
#7ab6bd rgb(122,182,189)
```
#7ab1bd
```
#7ab1bd rgb(122,177,189)
```
#7aabbd
```
#7aabbd rgb(122,171,189)
```

Similar Colors

Text with hexadecimal color #7abcbd

This text has a font color of #7abcbd.

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

#7abcbd background color

This paragraph has a background color of #7abcbd.

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

#7abcbd border color

This element has a border color of #7abcbd.

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

CSS codes

.text {color:#7abcbd;}

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

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

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, #060b0b is the darkest color, while #fdfefe is the lightest one.

#060b0b
```
#060b0b rgb(6,11,11)
```
#0c1818
```
#0c1818 rgb(12,24,24)
```
#132525
```
#132525 rgb(19,37,37)
```
#193233
```
#193233 rgb(25,50,51)
```
#203f40
```
#203f40 rgb(32,63,64)
```
#264c4d
```
#264c4d rgb(38,76,77)
```
#2d595a
```
#2d595a rgb(45,89,90)
```
#336667
```
#336667 rgb(51,102,103)
```
#3a7374
```
#3a7374 rgb(58,115,116)
```
#408081
```
#408081 rgb(64,128,129)
```
#478d8e
```
#478d8e rgb(71,141,142)
```
#4d9a9b
```
#4d9a9b rgb(77,154,155)
```
#54a7a9
```
#54a7a9 rgb(84,167,169)
```

Shade Color Variation

#60afb0
```
#60afb0 rgb(96,175,176)
```
#6db5b6
```
#6db5b6 rgb(109,181,182)
```
#7abcbd
```
#7abcbd rgb(122,188,189)
```
#87c3c4
```
#87c3c4 rgb(135,195,196)
```
#94c9ca
```
#94c9ca rgb(148,201,202)
```
#a1d0d1
```
#a1d0d1 rgb(161,208,209)
```
#aed6d7
```
#aed6d7 rgb(174,214,215)
```
#bcddde
```
#bcddde rgb(188,221,222)
```
#c9e4e4
```
#c9e4e4 rgb(201,228,228)
```
#d6eaeb
```
#d6eaeb rgb(214,234,235)
```
#e3f1f1
```
#e3f1f1 rgb(227,241,241)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#999e9e
```
#999e9e rgb(153,158,158)
```
#91a6a6
```
#91a6a6 rgb(145,166,166)
```
#89adae
```
#89adae rgb(137,173,174)
```
#82b5b5
```
#82b5b5 rgb(130,181,181)
```
#7abcbd
```
#7abcbd rgb(122,188,189)
```
#72c3c5
```
#72c3c5 rgb(114,195,197)
```
#6bcbcc
```
#6bcbcc rgb(107,203,204)
```
#63d2d4
```
#63d2d4 rgb(99,210,212)
```
#5bdadc
```
#5bdadc rgb(91,218,220)
```
#54e1e3
```
#54e1e3 rgb(84,225,227)
```
#4ce9eb
```
#4ce9eb rgb(76,233,235)
```
#44f0f3
```
#44f0f3 rgb(68,240,243)
```
#3df7fa
```
#3df7fa rgb(61,247,250)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9facac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b3b9 Protanopia 1% of men
#bdb0c5 Deuteranopia 1% of men
#84bdcb Tritanopia 0.001% of the population

Trichromacy

#a0b6bb Protanomaly 1% of men, 0.01% of women
#a4b4c2 Deuteranomaly 6% of men, 0.4% of women
#80bdc6 Tritanomaly 0.01% of the population

#7abcbd hex color

#7abcbd Color Information

#7abcbd Color Conversion

Color Schemes with #7abcbd

Alternatives to #7abcbd

#7abcbd Preview

Shades and Tints of #7abcbd

Tones of #7abcbd

Color Blindness Simulator