#7dabbc hex color

In a RGB color space, hex #7dabbc is composed of 49% red, 67.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 33.5% cyan, 9% magenta, 0% yellow and 26.3% black. It has a hue angle of 196.2 degrees, a saturation of 32% and a lightness of 61.4%. #7dabbc color hex could be obtained by blending #faffff with #005779. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 67
- B 74
RGB color chart
- C 34
- M 9
- Y 0
- K 26
CMYK color chart

● #7dabbc color description : Slightly desaturated blue.

The hexadecimal color #7dabbc has RGB values of R:125, G:171, B:188 and CMYK values of C:0.34, M:0.09, Y:0, K:0.26. Its decimal value is 8235964.

Hex triplet	7dabbc	`#7dabbc`
RGB Decimal	125, 171, 188	`rgb(125,171,188)`
RGB Percent	49, 67.1, 73.7	`rgb(49%,67.1%,73.7%)`
CMYK	34, 9, 0, 26
HSL	196.2°, 32, 61.4	`hsl(196.2,32%,61.4%)`
HSV (or HSB)	196.2°, 33.5, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.363, -11.145, -13.643
XYZ	32.095, 37.115, 53.047
xyY	0.263, 0.304, 37.115
CIE-LCH	67.363, 17.616, 230.754
CIE-LUV	67.363, -22.944, -19.039
Hunter-Lab	60.922, -12.576, -8.98
Binary	01111101, 10101011, 10111100

#7dabbc
```
#7dabbc rgb(125,171,188)
```
#bc8e7d
```
#bc8e7d rgb(188,142,125)
```

Complementary Color

#7dbcae
```
#7dbcae rgb(125,188,174)
```
#7dabbc
```
#7dabbc rgb(125,171,188)
```
#7d8cbc
```
#7d8cbc rgb(125,140,188)
```

Analogous Color

#bcae7d
```
#bcae7d rgb(188,174,125)
```
#7dabbc
```
#7dabbc rgb(125,171,188)
```
#bc7d8c
```
#bc7d8c rgb(188,125,140)
```

Split Complementary Color

#abbc7d
```
#abbc7d rgb(171,188,125)
```
#7dabbc
```
#7dabbc rgb(125,171,188)
```
#bc7dab
```
#bc7dab rgb(188,125,171)
```

Triadic Color

#7dbc8e
```
#7dbc8e rgb(125,188,142)
```
#7dabbc
```
#7dabbc rgb(125,171,188)
```
#bc7dab
```
#bc7dab rgb(188,125,171)
```
#bc8e7d
```
#bc8e7d rgb(188,142,125)
```

Tetradic Color

#50889c
```
#50889c rgb(80,136,156)
```
#5b95ab
```
#5b95ab rgb(91,149,171)
```
#6ca0b3
```
#6ca0b3 rgb(108,160,179)
```
#7dabbc
```
#7dabbc rgb(125,171,188)
```
#8eb6c5
```
#8eb6c5 rgb(142,182,197)
```
#9fc1cd
```
#9fc1cd rgb(159,193,205)
```
#afccd6
```
#afccd6 rgb(175,204,214)
```

Monochromatic Color

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

#7dbbbc
```
#7dbbbc rgb(125,187,188)
```
#7db6bc
```
#7db6bc rgb(125,182,188)
```
#7db0bc
```
#7db0bc rgb(125,176,188)
```
#7dabbc
```
#7dabbc rgb(125,171,188)
```
#7da6bc
```
#7da6bc rgb(125,166,188)
```
#7da1bc
```
#7da1bc rgb(125,161,188)
```
#7d9bbc
```
#7d9bbc rgb(125,155,188)
```

Similar Colors

Text with hexadecimal color #7dabbc

This text has a font color of #7dabbc.

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

#7dabbc background color

This paragraph has a background color of #7dabbc.

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

#7dabbc border color

This element has a border color of #7dabbc.

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

CSS codes

.text {color:#7dabbc;}

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

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

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

#060b0c
```
#060b0c rgb(6,11,12)
```
#0d1619
```
#0d1619 rgb(13,22,25)
```
#142126
```
#142126 rgb(20,33,38)
```
#1a2d33
```
#1a2d33 rgb(26,45,51)
```
#213840
```
#213840 rgb(33,56,64)
```
#28434d
```
#28434d rgb(40,67,77)
```
#2e4e5a
```
#2e4e5a rgb(46,78,90)
```
#355a67
```
#355a67 rgb(53,90,103)
```
#3c6574
```
#3c6574 rgb(60,101,116)
```
#427081
```
#427081 rgb(66,112,129)
```
#497b8e
```
#497b8e rgb(73,123,142)
```
#50879b
```
#50879b rgb(80,135,155)
```
#5692a8
```
#5692a8 rgb(86,146,168)
```

Shade Color Variation

#639aaf
```
#639aaf rgb(99,154,175)
```
#70a3b5
```
#70a3b5 rgb(112,163,181)
```
#7dabbc
```
#7dabbc rgb(125,171,188)
```
#8ab3c3
```
#8ab3c3 rgb(138,179,195)
```
#97bcc9
```
#97bcc9 rgb(151,188,201)
```
#a4c4d0
```
#a4c4d0 rgb(164,196,208)
```
#b1ccd7
```
#b1ccd7 rgb(177,204,215)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#d8e6eb
```
#d8e6eb rgb(216,230,235)
```
#e5eef1
```
#e5eef1 rgb(229,238,241)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9d9e is the less saturated color, while #40c7f9 is the most saturated one.

#9b9d9e
```
#9b9d9e rgb(155,157,158)
```
#94a1a5
```
#94a1a5 rgb(148,161,165)
```
#8ca4ad
```
#8ca4ad rgb(140,164,173)
```
#85a8b4
```
#85a8b4 rgb(133,168,180)
```
#7dabbc
```
#7dabbc rgb(125,171,188)
```
#75aec4
```
#75aec4 rgb(117,174,196)
```
#6eb2cb
```
#6eb2cb rgb(110,178,203)
```
#66b5d3
```
#66b5d3 rgb(102,181,211)
```
#5fb9da
```
#5fb9da rgb(95,185,218)
```
#57bce2
```
#57bce2 rgb(87,188,226)
```
#50c0e9
```
#50c0e9 rgb(80,192,233)
```
#48c3f1
```
#48c3f1 rgb(72,195,241)
```
#40c7f9
```
#40c7f9 rgb(64,199,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#98a1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a7ba Protanopia 1% of men
#aaa5c3 Deuteranopia 1% of men
#82afbc Tritanopia 0.001% of the population

Trichromacy

#97a8bb Protanomaly 1% of men, 0.01% of women
#9aa7c0 Deuteranomaly 6% of men, 0.4% of women
#80aebc Tritanomaly 0.01% of the population

#7dabbc hex color

#7dabbc Color Information

#7dabbc Color Conversion

Color Schemes with #7dabbc

Alternatives to #7dabbc

#7dabbc Preview

Shades and Tints of #7dabbc

Tones of #7dabbc

Color Blindness Simulator