#7ab7bd hex color

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

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

● #7ab7bd color description : Slightly desaturated cyan.

The hexadecimal color #7ab7bd has RGB values of R:122, G:183, B:189 and CMYK values of C:0.35, M:0.03, Y:0, K:0.26. Its decimal value is 8042429.

Hex triplet	7ab7bd	`#7ab7bd`
RGB Decimal	122, 183, 189	`rgb(122,183,189)`
RGB Percent	47.8, 71.8, 74.1	`rgb(47.8%,71.8%,74.1%)`
CMYK	35, 3, 0, 26
HSL	185.4°, 33.7, 61	`hsl(185.4,33.7%,61%)`
HSV (or HSB)	185.4°, 35.4, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.648, -18.05, -9.294
XYZ	34.142, 41.677, 54.387
xyY	0.262, 0.32, 41.677
CIE-LCH	70.648, 20.303, 207.245
CIE-LUV	70.648, -29.196, -11.271
Hunter-Lab	64.558, -18.573, -4.758
Binary	01111010, 10110111, 10111101

#7ab7bd
```
#7ab7bd rgb(122,183,189)
```
#bd807a
```
#bd807a rgb(189,128,122)
```

Complementary Color

#7abda2
```
#7abda2 rgb(122,189,162)
```
#7ab7bd
```
#7ab7bd rgb(122,183,189)
```
#7a96bd
```
#7a96bd rgb(122,150,189)
```

Analogous Color

#bda27a
```
#bda27a rgb(189,162,122)
```
#7ab7bd
```
#7ab7bd rgb(122,183,189)
```
#bd7a96
```
#bd7a96 rgb(189,122,150)
```

Split Complementary Color

#b7bd7a
```
#b7bd7a rgb(183,189,122)
```
#7ab7bd
```
#7ab7bd rgb(122,183,189)
```
#bd7ab7
```
#bd7ab7 rgb(189,122,183)
```

Triadic Color

#7abd80
```
#7abd80 rgb(122,189,128)
```
#7ab7bd
```
#7ab7bd rgb(122,183,189)
```
#bd7ab7
```
#bd7ab7 rgb(189,122,183)
```
#bd807a
```
#bd807a rgb(189,128,122)
```

Tetradic Color

#4e969d
```
#4e969d rgb(78,150,157)
```
#58a5ac
```
#58a5ac rgb(88,165,172)
```
#69aeb5
```
#69aeb5 rgb(105,174,181)
```
#7ab7bd
```
#7ab7bd rgb(122,183,189)
```
#8bc0c5
```
#8bc0c5 rgb(139,192,197)
```
#9cc9ce
```
#9cc9ce rgb(156,201,206)
```
#add3d6
```
#add3d6 rgb(173,211,214)
```

Monochromatic Color

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

#7abdb2
```
#7abdb2 rgb(122,189,178)
```
#7abdb8
```
#7abdb8 rgb(122,189,184)
```
#7abdbd
```
#7abdbd rgb(122,189,189)
```
#7ab7bd
```
#7ab7bd rgb(122,183,189)
```
#7ab1bd
```
#7ab1bd rgb(122,177,189)
```
#7aacbd
```
#7aacbd rgb(122,172,189)
```
#7aa6bd
```
#7aa6bd rgb(122,166,189)
```

Similar Colors

Text with hexadecimal color #7ab7bd

This text has a font color of #7ab7bd.

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

#7ab7bd background color

This paragraph has a background color of #7ab7bd.

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

#7ab7bd border color

This element has a border color of #7ab7bd.

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

CSS codes

.text {color:#7ab7bd;}

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

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

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)
```
#0c1718
```
#0c1718 rgb(12,23,24)
```
#132425
```
#132425 rgb(19,36,37)
```
#193033
```
#193033 rgb(25,48,51)
```
#203d40
```
#203d40 rgb(32,61,64)
```
#26494d
```
#26494d rgb(38,73,77)
```
#2d565a
```
#2d565a rgb(45,86,90)
```
#336267
```
#336267 rgb(51,98,103)
```
#3a6f74
```
#3a6f74 rgb(58,111,116)
```
#407b81
```
#407b81 rgb(64,123,129)
```
#47888e
```
#47888e rgb(71,136,142)
```
#4d949b
```
#4d949b rgb(77,148,155)
```
#54a1a9
```
#54a1a9 rgb(84,161,169)
```

Shade Color Variation

#60a9b0
```
#60a9b0 rgb(96,169,176)
```
#6db0b6
```
#6db0b6 rgb(109,176,182)
```
#7ab7bd
```
#7ab7bd rgb(122,183,189)
```
#87bec4
```
#87bec4 rgb(135,190,196)
```
#94c5ca
```
#94c5ca rgb(148,197,202)
```
#a1ccd1
```
#a1ccd1 rgb(161,204,209)
```
#aed3d7
```
#aed3d7 rgb(174,211,215)
```
#bcdade
```
#bcdade rgb(188,218,222)
```
#c9e2e4
```
#c9e2e4 rgb(201,226,228)
```
#d6e9eb
```
#d6e9eb rgb(214,233,235)
```
#e3f0f1
```
#e3f0f1 rgb(227,240,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 #3de9fa is the most saturated one.

#999e9e
```
#999e9e rgb(153,158,158)
```
#91a4a6
```
#91a4a6 rgb(145,164,166)
```
#89aaae
```
#89aaae rgb(137,170,174)
```
#82b1b5
```
#82b1b5 rgb(130,177,181)
```
#7ab7bd
```
#7ab7bd rgb(122,183,189)
```
#72bdc5
```
#72bdc5 rgb(114,189,197)
```
#6bc4cc
```
#6bc4cc rgb(107,196,204)
```
#63cad4
```
#63cad4 rgb(99,202,212)
```
#5bd0dc
```
#5bd0dc rgb(91,208,220)
```
#54d6e3
```
#54d6e3 rgb(84,214,227)
```
#4cddeb
```
#4cddeb rgb(76,221,235)
```
#44e3f3
```
#44e3f3 rgb(68,227,243)
```
#3de9fa
```
#3de9fa rgb(61,233,250)
```

Tone Color Variation

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

Dichromacy

#b1b0ba Protanopia 1% of men
#b7acc5 Deuteranopia 1% of men
#83b9c7 Tritanopia 0.001% of the population

Trichromacy

#9db2bb Protanomaly 1% of men, 0.01% of women
#a1b0c2 Deuteranomaly 6% of men, 0.4% of women
#7fb8c3 Tritanomaly 0.01% of the population

#7ab7bd hex color

#7ab7bd Color Information

#7ab7bd Color Conversion

Color Schemes with #7ab7bd

Alternatives to #7ab7bd

#7ab7bd Preview

Shades and Tints of #7ab7bd

Tones of #7ab7bd

Color Blindness Simulator