#7da5b4 hex color

In a RGB color space, hex #7da5b4 is composed of 49% red, 64.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 8.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 196.4 degrees, a saturation of 26.8% and a lightness of 59.8%. #7da5b4 color hex could be obtained by blending #faffff with #004b69. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 65
- B 71
RGB color chart
- C 31
- M 8
- Y 0
- K 29
CMYK color chart

● #7da5b4 color description : Slightly desaturated blue.

The hexadecimal color #7da5b4 has RGB values of R:125, G:165, B:180 and CMYK values of C:0.31, M:0.08, Y:0, K:0.29. Its decimal value is 8234420.

Hex triplet	7da5b4	`#7da5b4`
RGB Decimal	125, 165, 180	`rgb(125,165,180)`
RGB Percent	49, 64.7, 70.6	`rgb(49%,64.7%,70.6%)`
CMYK	31, 8, 0, 29
HSL	196.4°, 26.8, 59.8	`hsl(196.4,26.8%,59.8%)`
HSV (or HSB)	196.4°, 30.6, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.408, -9.903, -12.131
XYZ	30.149, 34.564, 48.261
xyY	0.267, 0.306, 34.564
CIE-LCH	65.408, 15.66, 230.775
CIE-LUV	65.408, -20.339, -16.755
Hunter-Lab	58.792, -11.349, -7.516
Binary	01111101, 10100101, 10110100

#7da5b4
```
#7da5b4 rgb(125,165,180)
```
#b48c7d
```
#b48c7d rgb(180,140,125)
```

Complementary Color

#7db4a8
```
#7db4a8 rgb(125,180,168)
```
#7da5b4
```
#7da5b4 rgb(125,165,180)
```
#7d8ab4
```
#7d8ab4 rgb(125,138,180)
```

Analogous Color

#b4a87d
```
#b4a87d rgb(180,168,125)
```
#7da5b4
```
#7da5b4 rgb(125,165,180)
```
#b47d8a
```
#b47d8a rgb(180,125,138)
```

Split Complementary Color

#a5b47d
```
#a5b47d rgb(165,180,125)
```
#7da5b4
```
#7da5b4 rgb(125,165,180)
```
#b47da5
```
#b47da5 rgb(180,125,165)
```

Triadic Color

#7db48c
```
#7db48c rgb(125,180,140)
```
#7da5b4
```
#7da5b4 rgb(125,165,180)
```
#b47da5
```
#b47da5 rgb(180,125,165)
```
#b48c7d
```
#b48c7d rgb(180,140,125)
```

Tetradic Color

#548091
```
#548091 rgb(84,128,145)
```
#5d8ea1
```
#5d8ea1 rgb(93,142,161)
```
#6d9aab
```
#6d9aab rgb(109,154,171)
```
#7da5b4
```
#7da5b4 rgb(125,165,180)
```
#8db0bd
```
#8db0bd rgb(141,176,189)
```
#9dbbc7
```
#9dbbc7 rgb(157,187,199)
```
#aec7d0
```
#aec7d0 rgb(174,199,208)
```

Monochromatic Color

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

#7db3b4
```
#7db3b4 rgb(125,179,180)
```
#7daeb4
```
#7daeb4 rgb(125,174,180)
```
#7daab4
```
#7daab4 rgb(125,170,180)
```
#7da5b4
```
#7da5b4 rgb(125,165,180)
```
#7da0b4
```
#7da0b4 rgb(125,160,180)
```
#7d9cb4
```
#7d9cb4 rgb(125,156,180)
```
#7d97b4
```
#7d97b4 rgb(125,151,180)
```

Similar Colors

Text with hexadecimal color #7da5b4

This text has a font color of #7da5b4.

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

#7da5b4 background color

This paragraph has a background color of #7da5b4.

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

#7da5b4 border color

This element has a border color of #7da5b4.

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

CSS codes

.text {color:#7da5b4;}

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

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

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, #040607 is the darkest color, while #f9fbfc is the lightest one.

#040607
```
#040607 rgb(4,6,7)
```
#0b1113
```
#0b1113 rgb(11,17,19)
```
#121c20
```
#121c20 rgb(18,28,32)
```
#19272c
```
#19272c rgb(25,39,44)
```
#213239
```
#213239 rgb(33,50,57)
```
#283d45
```
#283d45 rgb(40,61,69)
```
#2f4851
```
#2f4851 rgb(47,72,81)
```
#36535e
```
#36535e rgb(54,83,94)
```
#3d5e6a
```
#3d5e6a rgb(61,94,106)
```
#456977
```
#456977 rgb(69,105,119)
```
#4c7483
```
#4c7483 rgb(76,116,131)
```
#537f90
```
#537f90 rgb(83,127,144)
```
#5a8a9c
```
#5a8a9c rgb(90,138,156)
```

Shade Color Variation

#6494a6
```
#6494a6 rgb(100,148,166)
```
#719cad
```
#719cad rgb(113,156,173)
```
#7da5b4
```
#7da5b4 rgb(125,165,180)
```
#89aebb
```
#89aebb rgb(137,174,187)
```
#96b6c2
```
#96b6c2 rgb(150,182,194)
```
#a2bfca
```
#a2bfca rgb(162,191,202)
```
#afc7d1
```
#afc7d1 rgb(175,199,209)
```
#bbd0d8
```
#bbd0d8 rgb(187,208,216)
```
#c8d9df
```
#c8d9df rgb(200,217,223)
```
#d4e1e6
```
#d4e1e6 rgb(212,225,230)
```
#e1eaed
```
#e1eaed rgb(225,234,237)
```
#edf3f5
```
#edf3f5 rgb(237,243,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959a9c is the less saturated color, while #36c5fb is the most saturated one.

#959a9c
```
#959a9c rgb(149,154,156)
```
#8d9ea4
```
#8d9ea4 rgb(141,158,164)
```
#85a1ac
```
#85a1ac rgb(133,161,172)
```
#7da5b4
```
#7da5b4 rgb(125,165,180)
```
#75a9bc
```
#75a9bc rgb(117,169,188)
```
#6dacc4
```
#6dacc4 rgb(109,172,196)
```
#65b0cc
```
#65b0cc rgb(101,176,204)
```
#5db3d4
```
#5db3d4 rgb(93,179,212)
```
#56b7db
```
#56b7db rgb(86,183,219)
```
#4ebbe3
```
#4ebbe3 rgb(78,187,227)
```
#46beeb
```
#46beeb rgb(70,190,235)
```
#3ec2f3
```
#3ec2f3 rgb(62,194,243)
```
#36c5fb
```
#36c5fb rgb(54,197,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#959da0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a2b3 Protanopia 1% of men
#a7a0bb Deuteranopia 1% of men
#83a9b6 Tritanopia 0.001% of the population

Trichromacy

#94a3b3 Protanomaly 1% of men, 0.01% of women
#97a1b8 Deuteranomaly 6% of men, 0.4% of women
#81a8b5 Tritanomaly 0.01% of the population

#7da5b4 hex color

#7da5b4 Color Information

#7da5b4 Color Conversion

Color Schemes with #7da5b4

Alternatives to #7da5b4

#7da5b4 Preview

Shades and Tints of #7da5b4

Tones of #7da5b4

Color Blindness Simulator