#7ab5bd hex color

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

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

● #7ab5bd color description : Slightly desaturated cyan.

The hexadecimal color #7ab5bd has RGB values of R:122, G:181, B:189 and CMYK values of C:0.35, M:0.04, Y:0, K:0.26. Its decimal value is 8041917.

Hex triplet	7ab5bd	`#7ab5bd`
RGB Decimal	122, 181, 189	`rgb(122,181,189)`
RGB Percent	47.8, 71, 74.1	`rgb(47.8%,71%,74.1%)`
CMYK	35, 4, 0, 26
HSL	187.2°, 33.7, 61	`hsl(187.2,33.7%,61%)`
HSV (or HSB)	187.2°, 35.4, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.076, -17.014, -10.147
XYZ	33.733, 40.858, 54.25
xyY	0.262, 0.317, 40.858
CIE-LCH	70.076, 19.81, 210.811
CIE-LUV	70.076, -28.354, -12.75
Hunter-Lab	63.92, -17.66, -5.576
Binary	01111010, 10110101, 10111101

#7ab5bd
```
#7ab5bd rgb(122,181,189)
```
#bd827a
```
#bd827a rgb(189,130,122)
```

Complementary Color

#7abda4
```
#7abda4 rgb(122,189,164)
```
#7ab5bd
```
#7ab5bd rgb(122,181,189)
```
#7a94bd
```
#7a94bd rgb(122,148,189)
```

Analogous Color

#bda47a
```
#bda47a rgb(189,164,122)
```
#7ab5bd
```
#7ab5bd rgb(122,181,189)
```
#bd7a94
```
#bd7a94 rgb(189,122,148)
```

Split Complementary Color

#b5bd7a
```
#b5bd7a rgb(181,189,122)
```
#7ab5bd
```
#7ab5bd rgb(122,181,189)
```
#bd7ab5
```
#bd7ab5 rgb(189,122,181)
```

Triadic Color

#7abd82
```
#7abd82 rgb(122,189,130)
```
#7ab5bd
```
#7ab5bd rgb(122,181,189)
```
#bd7ab5
```
#bd7ab5 rgb(189,122,181)
```
#bd827a
```
#bd827a rgb(189,130,122)
```

Tetradic Color

#4e939d
```
#4e939d rgb(78,147,157)
```
#58a2ac
```
#58a2ac rgb(88,162,172)
```
#69acb5
```
#69acb5 rgb(105,172,181)
```
#7ab5bd
```
#7ab5bd rgb(122,181,189)
```
#8bbec5
```
#8bbec5 rgb(139,190,197)
```
#9cc8ce
```
#9cc8ce rgb(156,200,206)
```
#add1d6
```
#add1d6 rgb(173,209,214)
```

Monochromatic Color

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

#7abdb4
```
#7abdb4 rgb(122,189,180)
```
#7abdba
```
#7abdba rgb(122,189,186)
```
#7abbbd
```
#7abbbd rgb(122,187,189)
```
#7ab5bd
```
#7ab5bd rgb(122,181,189)
```
#7aafbd
```
#7aafbd rgb(122,175,189)
```
#7aaabd
```
#7aaabd rgb(122,170,189)
```
#7aa4bd
```
#7aa4bd rgb(122,164,189)
```

Similar Colors

Text with hexadecimal color #7ab5bd

This text has a font color of #7ab5bd.

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

#7ab5bd background color

This paragraph has a background color of #7ab5bd.

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

#7ab5bd border color

This element has a border color of #7ab5bd.

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

CSS codes

.text {color:#7ab5bd;}

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

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

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)
```
#132325
```
#132325 rgb(19,35,37)
```
#192f33
```
#192f33 rgb(25,47,51)
```
#203c40
```
#203c40 rgb(32,60,64)
```
#26484d
```
#26484d rgb(38,72,77)
```
#2d545a
```
#2d545a rgb(45,84,90)
```
#336167
```
#336167 rgb(51,97,103)
```
#3a6d74
```
#3a6d74 rgb(58,109,116)
```
#407981
```
#407981 rgb(64,121,129)
```
#47868e
```
#47868e rgb(71,134,142)
```
#4d929b
```
#4d929b rgb(77,146,155)
```
#549ea9
```
#549ea9 rgb(84,158,169)
```

Shade Color Variation

#60a6b0
```
#60a6b0 rgb(96,166,176)
```
#6daeb6
```
#6daeb6 rgb(109,174,182)
```
#7ab5bd
```
#7ab5bd rgb(122,181,189)
```
#87bcc4
```
#87bcc4 rgb(135,188,196)
```
#94c4ca
```
#94c4ca rgb(148,196,202)
```
#a1cbd1
```
#a1cbd1 rgb(161,203,209)
```
#aed2d7
```
#aed2d7 rgb(174,210,215)
```
#bcd9de
```
#bcd9de rgb(188,217,222)
```
#c9e1e4
```
#c9e1e4 rgb(201,225,228)
```
#d6e8eb
```
#d6e8eb rgb(214,232,235)
```
#e3eff1
```
#e3eff1 rgb(227,239,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 #3de4fa is the most saturated one.

#999e9e
```
#999e9e rgb(153,158,158)
```
#91a4a6
```
#91a4a6 rgb(145,164,166)
```
#89a9ae
```
#89a9ae rgb(137,169,174)
```
#82afb5
```
#82afb5 rgb(130,175,181)
```
#7ab5bd
```
#7ab5bd rgb(122,181,189)
```
#72bbc5
```
#72bbc5 rgb(114,187,197)
```
#6bc1cc
```
#6bc1cc rgb(107,193,204)
```
#63c6d4
```
#63c6d4 rgb(99,198,212)
```
#5bccdc
```
#5bccdc rgb(91,204,220)
```
#54d2e3
```
#54d2e3 rgb(84,210,227)
```
#4cd8eb
```
#4cd8eb rgb(76,216,235)
```
#44def3
```
#44def3 rgb(68,222,243)
```
#3de4fa
```
#3de4fa rgb(61,228,250)
```

Tone Color Variation

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

Dichromacy

#afaeba Protanopia 1% of men
#b5abc5 Deuteranopia 1% of men
#82b8c5 Tritanopia 0.001% of the population

Trichromacy

#9bb0bb Protanomaly 1% of men, 0.01% of women
#9faec2 Deuteranomaly 6% of men, 0.4% of women
#7fb6c2 Tritanomaly 0.01% of the population

#7ab5bd hex color

#7ab5bd Color Information

#7ab5bd Color Conversion

Color Schemes with #7ab5bd

Alternatives to #7ab5bd

#7ab5bd Preview

Shades and Tints of #7ab5bd

Tones of #7ab5bd

Color Blindness Simulator