#7da4bb hex color

In a RGB color space, hex #7da4bb is composed of 49% red, 64.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 33.2% cyan, 12.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 202.3 degrees, a saturation of 31.3% and a lightness of 61.2%. #7da4bb color hex could be obtained by blending #faffff with #004977. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 64
- B 73
RGB color chart
- C 33
- M 12
- Y 0
- K 27
CMYK color chart

● #7da4bb color description : Slightly desaturated blue.

The hexadecimal color #7da4bb has RGB values of R:125, G:164, B:187 and CMYK values of C:0.33, M:0.12, Y:0, K:0.27. Its decimal value is 8234171.

Hex triplet	7da4bb	`#7da4bb`
RGB Decimal	125, 164, 187	`rgb(125,164,187)`
RGB Percent	49, 64.3, 73.3	`rgb(49%,64.3%,73.3%)`
CMYK	33, 12, 0, 27
HSL	202.3°, 31.3, 61.2	`hsl(202.3,31.3%,61.2%)`
HSV (or HSB)	202.3°, 33.2, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.356, -7.609, -16.115
XYZ	30.7, 34.498, 52.052
xyY	0.262, 0.294, 34.498
CIE-LCH	65.356, 17.821, 244.724
CIE-LUV	65.356, -19.953, -23.379
Hunter-Lab	58.735, -9.484, -11.43
Binary	01111101, 10100100, 10111011

#7da4bb
```
#7da4bb rgb(125,164,187)
```
#bb947d
```
#bb947d rgb(187,148,125)
```

Complementary Color

#7dbbb3
```
#7dbbb3 rgb(125,187,179)
```
#7da4bb
```
#7da4bb rgb(125,164,187)
```
#7d85bb
```
#7d85bb rgb(125,133,187)
```

Analogous Color

#bbb37d
```
#bbb37d rgb(187,179,125)
```
#7da4bb
```
#7da4bb rgb(125,164,187)
```
#bb7d85
```
#bb7d85 rgb(187,125,133)
```

Split Complementary Color

#a4bb7d
```
#a4bb7d rgb(164,187,125)
```
#7da4bb
```
#7da4bb rgb(125,164,187)
```
#bb7da4
```
#bb7da4 rgb(187,125,164)
```

Triadic Color

#7dbb94
```
#7dbb94 rgb(125,187,148)
```
#7da4bb
```
#7da4bb rgb(125,164,187)
```
#bb7da4
```
#bb7da4 rgb(187,125,164)
```
#bb947d
```
#bb947d rgb(187,148,125)
```

Tetradic Color

#517f9b
```
#517f9b rgb(81,127,155)
```
#5c8da9
```
#5c8da9 rgb(92,141,169)
```
#6c98b2
```
#6c98b2 rgb(108,152,178)
```
#7da4bb
```
#7da4bb rgb(125,164,187)
```
#8eb0c4
```
#8eb0c4 rgb(142,176,196)
```
#9ebbcd
```
#9ebbcd rgb(158,187,205)
```
#afc7d5
```
#afc7d5 rgb(175,199,213)
```

Monochromatic Color

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

#7db4bb
```
#7db4bb rgb(125,180,187)
```
#7daebb
```
#7daebb rgb(125,174,187)
```
#7da9bb
```
#7da9bb rgb(125,169,187)
```
#7da4bb
```
#7da4bb rgb(125,164,187)
```
#7d9fbb
```
#7d9fbb rgb(125,159,187)
```
#7d9abb
```
#7d9abb rgb(125,154,187)
```
#7d95bb
```
#7d95bb rgb(125,149,187)
```

Similar Colors

Text with hexadecimal color #7da4bb

This text has a font color of #7da4bb.

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

#7da4bb background color

This paragraph has a background color of #7da4bb.

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

#7da4bb border color

This element has a border color of #7da4bb.

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

CSS codes

.text {color:#7da4bb;}

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

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

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

#060a0c
```
#060a0c rgb(6,10,12)
```
#0d1419
```
#0d1419 rgb(13,20,25)
```
#141f25
```
#141f25 rgb(20,31,37)
```
#1a2932
```
#1a2932 rgb(26,41,50)
```
#21343f
```
#21343f rgb(33,52,63)
```
#283f4c
```
#283f4c rgb(40,63,76)
```
#2f4959
```
#2f4959 rgb(47,73,89)
```
#355466
```
#355466 rgb(53,84,102)
```
#3c5e73
```
#3c5e73 rgb(60,94,115)
```
#436980
```
#436980 rgb(67,105,128)
```
#49748c
```
#49748c rgb(73,116,140)
```
#507e99
```
#507e99 rgb(80,126,153)
```
#5789a6
```
#5789a6 rgb(87,137,166)
```

Shade Color Variation

#6392ae
```
#6392ae rgb(99,146,174)
```
#709bb4
```
#709bb4 rgb(112,155,180)
```
#7da4bb
```
#7da4bb rgb(125,164,187)
```
#8aadc2
```
#8aadc2 rgb(138,173,194)
```
#97b6c8
```
#97b6c8 rgb(151,182,200)
```
#a4bfcf
```
#a4bfcf rgb(164,191,207)
```
#b1c8d6
```
#b1c8d6 rgb(177,200,214)
```
#bdd1dd
```
#bdd1dd rgb(189,209,221)
```
#cadae3
```
#cadae3 rgb(202,218,227)
```
#d7e3ea
```
#d7e3ea rgb(215,227,234)
```
#e4ecf1
```
#e4ecf1 rgb(228,236,241)
```
#f1f5f8
```
#f1f5f8 rgb(241,245,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#9b9c9d
```
#9b9c9d rgb(155,156,157)
```
#949ea4
```
#949ea4 rgb(148,158,164)
```
#8ca0ac
```
#8ca0ac rgb(140,160,172)
```
#85a2b3
```
#85a2b3 rgb(133,162,179)
```
#7da4bb
```
#7da4bb rgb(125,164,187)
```
#75a6c3
```
#75a6c3 rgb(117,166,195)
```
#6ea8ca
```
#6ea8ca rgb(110,168,202)
```
#66aad2
```
#66aad2 rgb(102,170,210)
```
#5facd9
```
#5facd9 rgb(95,172,217)
```
#57aee1
```
#57aee1 rgb(87,174,225)
```
#4fb0e9
```
#4fb0e9 rgb(79,176,233)
```
#48b2f0
```
#48b2f0 rgb(72,178,240)
```
#40b4f8
```
#40b4f8 rgb(64,180,248)
```

Tone Color Variation

Below, you can see how #7da4bb 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
#959da1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa2ba Protanopia 1% of men
#a3a0c1 Deuteranopia 1% of men
#81aab6 Tritanopia 0.001% of the population

Trichromacy

#92a3ba Protanomaly 1% of men, 0.01% of women
#95a1bf Deuteranomaly 6% of men, 0.4% of women
#7fa7b8 Tritanomaly 0.01% of the population

#7da4bb hex color

#7da4bb Color Information

#7da4bb Color Conversion

Color Schemes with #7da4bb

Alternatives to #7da4bb

#7da4bb Preview

Shades and Tints of #7da4bb

Tones of #7da4bb

Color Blindness Simulator