#7db4bc hex color

In a RGB color space, hex #7db4bc is composed of 49% red, 70.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 33.5% cyan, 4.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 187.6 degrees, a saturation of 32% and a lightness of 61.4%. #7db4bc color hex could be obtained by blending #faffff with #006979. Closest websafe color is: #66cccc.

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

● #7db4bc color description : Slightly desaturated cyan.

The hexadecimal color #7db4bc has RGB values of R:125, G:180, B:188 and CMYK values of C:0.34, M:0.04, Y:0, K:0.26. Its decimal value is 8238268.

Hex triplet	7db4bc	`#7db4bc`
RGB Decimal	125, 180, 188	`rgb(125,180,188)`
RGB Percent	49, 70.6, 73.7	`rgb(49%,70.6%,73.7%)`
CMYK	34, 4, 0, 26
HSL	187.6°, 32, 61.4	`hsl(187.6,32%,61.4%)`
HSV (or HSB)	187.6°, 33.5, 73.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.917, -15.907, -9.817
XYZ	33.854, 40.632, 53.633
xyY	0.264, 0.317, 40.632
CIE-LCH	69.917, 18.693, 211.682
CIE-LUV	69.917, -26.779, -12.391
Hunter-Lab	63.743, -16.75, -5.266
Binary	01111101, 10110100, 10111100

#7db4bc
```
#7db4bc rgb(125,180,188)
```
#bc857d
```
#bc857d rgb(188,133,125)
```

Complementary Color

#7dbca5
```
#7dbca5 rgb(125,188,165)
```
#7db4bc
```
#7db4bc rgb(125,180,188)
```
#7d95bc
```
#7d95bc rgb(125,149,188)
```

Analogous Color

#bca57d
```
#bca57d rgb(188,165,125)
```
#7db4bc
```
#7db4bc rgb(125,180,188)
```
#bc7d95
```
#bc7d95 rgb(188,125,149)
```

Split Complementary Color

#b4bc7d
```
#b4bc7d rgb(180,188,125)
```
#7db4bc
```
#7db4bc rgb(125,180,188)
```
#bc7db4
```
#bc7db4 rgb(188,125,180)
```

Triadic Color

#7dbc85
```
#7dbc85 rgb(125,188,133)
```
#7db4bc
```
#7db4bc rgb(125,180,188)
```
#bc7db4
```
#bc7db4 rgb(188,125,180)
```
#bc857d
```
#bc857d rgb(188,133,125)
```

Tetradic Color

#50929c
```
#50929c rgb(80,146,156)
```
#5ba1ab
```
#5ba1ab rgb(91,161,171)
```
#6caab3
```
#6caab3 rgb(108,170,179)
```
#7db4bc
```
#7db4bc rgb(125,180,188)
```
#8ebec5
```
#8ebec5 rgb(142,190,197)
```
#9fc7cd
```
#9fc7cd rgb(159,199,205)
```
#afd1d6
```
#afd1d6 rgb(175,209,214)
```

Monochromatic Color

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

#7dbcb4
```
#7dbcb4 rgb(125,188,180)
```
#7dbcba
```
#7dbcba rgb(125,188,186)
```
#7db9bc
```
#7db9bc rgb(125,185,188)
```
#7db4bc
```
#7db4bc rgb(125,180,188)
```
#7dafbc
```
#7dafbc rgb(125,175,188)
```
#7daabc
```
#7daabc rgb(125,170,188)
```
#7da4bc
```
#7da4bc rgb(125,164,188)
```

Similar Colors

Text with hexadecimal color #7db4bc

This text has a font color of #7db4bc.

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

#7db4bc background color

This paragraph has a background color of #7db4bc.

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

#7db4bc border color

This element has a border color of #7db4bc.

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

CSS codes

.text {color:#7db4bc;}

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

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

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

#060c0c
```
#060c0c rgb(6,12,12)
```
#0d1819
```
#0d1819 rgb(13,24,25)
```
#142426
```
#142426 rgb(20,36,38)
```
#1a3033
```
#1a3033 rgb(26,48,51)
```
#213c40
```
#213c40 rgb(33,60,64)
```
#28484d
```
#28484d rgb(40,72,77)
```
#2e555a
```
#2e555a rgb(46,85,90)
```
#356167
```
#356167 rgb(53,97,103)
```
#3c6d74
```
#3c6d74 rgb(60,109,116)
```
#427981
```
#427981 rgb(66,121,129)
```
#49858e
```
#49858e rgb(73,133,142)
```
#50919b
```
#50919b rgb(80,145,155)
```
#569da8
```
#569da8 rgb(86,157,168)
```

Shade Color Variation

#63a5af
```
#63a5af rgb(99,165,175)
```
#70adb5
```
#70adb5 rgb(112,173,181)
```
#7db4bc
```
#7db4bc rgb(125,180,188)
```
#8abbc3
```
#8abbc3 rgb(138,187,195)
```
#97c3c9
```
#97c3c9 rgb(151,195,201)
```
#a4cad0
```
#a4cad0 rgb(164,202,208)
```
#b1d2d7
```
#b1d2d7 rgb(177,210,215)
```
#bed9dd
```
#bed9dd rgb(190,217,221)
```
#cbe1e4
```
#cbe1e4 rgb(203,225,228)
```
#d8e8eb
```
#d8e8eb rgb(216,232,235)
```
#e5f0f1
```
#e5f0f1 rgb(229,240,241)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,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 #40e1f9 is the most saturated one.

#9b9d9e
```
#9b9d9e rgb(155,157,158)
```
#94a3a5
```
#94a3a5 rgb(148,163,165)
```
#8ca9ad
```
#8ca9ad rgb(140,169,173)
```
#85aeb4
```
#85aeb4 rgb(133,174,180)
```
#7db4bc
```
#7db4bc rgb(125,180,188)
```
#75bac4
```
#75bac4 rgb(117,186,196)
```
#6ebfcb
```
#6ebfcb rgb(110,191,203)
```
#66c5d3
```
#66c5d3 rgb(102,197,211)
```
#5fcbda
```
#5fcbda rgb(95,203,218)
```
#57d0e2
```
#57d0e2 rgb(87,208,226)
```
#50d6e9
```
#50d6e9 rgb(80,214,233)
```
#48dcf1
```
#48dcf1 rgb(72,220,241)
```
#40e1f9
```
#40e1f9 rgb(64,225,249)
```

Tone Color Variation

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

#aeaeb9 Protanopia 1% of men
#b5abc3 Deuteranopia 1% of men
#85b7c4 Tritanopia 0.001% of the population

Trichromacy

#9cb0ba Protanomaly 1% of men, 0.01% of women
#a0aec1 Deuteranomaly 6% of men, 0.4% of women
#82b5c1 Tritanomaly 0.01% of the population

#7db4bc hex color

#7db4bc Color Information

#7db4bc Color Conversion

Color Schemes with #7db4bc

Alternatives to #7db4bc

#7db4bc Preview

Shades and Tints of #7db4bc

Tones of #7db4bc

Color Blindness Simulator