#7da5bb hex color

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

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

● #7da5bb color description : Slightly desaturated blue.

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

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

CIE-LAB	65.637, -8.155, -15.689
XYZ	30.88, 34.857, 52.112
xyY	0.262, 0.296, 34.857
CIE-LCH	65.637, 17.682, 242.536
CIE-LUV	65.637, -20.38, -22.639
Hunter-Lab	59.04, -9.957, -11.005
Binary	01111101, 10100101, 10111011

#7da5bb
```
#7da5bb rgb(125,165,187)
```
#bb937d
```
#bb937d rgb(187,147,125)
```

Complementary Color

#7dbbb2
```
#7dbbb2 rgb(125,187,178)
```
#7da5bb
```
#7da5bb rgb(125,165,187)
```
#7d86bb
```
#7d86bb rgb(125,134,187)
```

Analogous Color

#bbb27d
```
#bbb27d rgb(187,178,125)
```
#7da5bb
```
#7da5bb rgb(125,165,187)
```
#bb7d86
```
#bb7d86 rgb(187,125,134)
```

Split Complementary Color

#a5bb7d
```
#a5bb7d rgb(165,187,125)
```
#7da5bb
```
#7da5bb rgb(125,165,187)
```
#bb7da5
```
#bb7da5 rgb(187,125,165)
```

Triadic Color

#7dbb93
```
#7dbb93 rgb(125,187,147)
```
#7da5bb
```
#7da5bb rgb(125,165,187)
```
#bb7da5
```
#bb7da5 rgb(187,125,165)
```
#bb937d
```
#bb937d rgb(187,147,125)
```

Tetradic Color

#51809b
```
#51809b rgb(81,128,155)
```
#5c8ea9
```
#5c8ea9 rgb(92,142,169)
```
#6c99b2
```
#6c99b2 rgb(108,153,178)
```
#7da5bb
```
#7da5bb rgb(125,165,187)
```
#8eb1c4
```
#8eb1c4 rgb(142,177,196)
```
#9ebccd
```
#9ebccd rgb(158,188,205)
```
#afc8d5
```
#afc8d5 rgb(175,200,213)
```

Monochromatic Color

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

#7db5bb
```
#7db5bb rgb(125,181,187)
```
#7dafbb
```
#7dafbb rgb(125,175,187)
```
#7daabb
```
#7daabb rgb(125,170,187)
```
#7da5bb
```
#7da5bb rgb(125,165,187)
```
#7da0bb
```
#7da0bb rgb(125,160,187)
```
#7d9bbb
```
#7d9bbb rgb(125,155,187)
```
#7d96bb
```
#7d96bb rgb(125,150,187)
```

Similar Colors

Text with hexadecimal color #7da5bb

This text has a font color of #7da5bb.

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

#7da5bb background color

This paragraph has a background color of #7da5bb.

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

#7da5bb border color

This element has a border color of #7da5bb.

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

CSS codes

.text {color:#7da5bb;}

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

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

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)
```
#1a2a32
```
#1a2a32 rgb(26,42,50)
```
#21343f
```
#21343f rgb(33,52,63)
```
#283f4c
```
#283f4c rgb(40,63,76)
```
#2f4a59
```
#2f4a59 rgb(47,74,89)
```
#355566
```
#355566 rgb(53,85,102)
```
#3c5f73
```
#3c5f73 rgb(60,95,115)
```
#436a80
```
#436a80 rgb(67,106,128)
```
#49758c
```
#49758c rgb(73,117,140)
```
#507f99
```
#507f99 rgb(80,127,153)
```
#578aa6
```
#578aa6 rgb(87,138,166)
```

Shade Color Variation

#6393ae
```
#6393ae rgb(99,147,174)
```
#709cb4
```
#709cb4 rgb(112,156,180)
```
#7da5bb
```
#7da5bb rgb(125,165,187)
```
#8aaec2
```
#8aaec2 rgb(138,174,194)
```
#97b7c8
```
#97b7c8 rgb(151,183,200)
```
#a4c0cf
```
#a4c0cf rgb(164,192,207)
```
#b1c9d6
```
#b1c9d6 rgb(177,201,214)
```
#bdd2dd
```
#bdd2dd rgb(189,210,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 #40b7f8 is the most saturated one.

#9b9c9d
```
#9b9c9d rgb(155,156,157)
```
#949ea4
```
#949ea4 rgb(148,158,164)
```
#8ca1ac
```
#8ca1ac rgb(140,161,172)
```
#85a3b3
```
#85a3b3 rgb(133,163,179)
```
#7da5bb
```
#7da5bb rgb(125,165,187)
```
#75a7c3
```
#75a7c3 rgb(117,167,195)
```
#6ea9ca
```
#6ea9ca rgb(110,169,202)
```
#66acd2
```
#66acd2 rgb(102,172,210)
```
#5faed9
```
#5faed9 rgb(95,174,217)
```
#57b0e1
```
#57b0e1 rgb(87,176,225)
```
#4fb2e9
```
#4fb2e9 rgb(79,178,233)
```
#48b4f0
```
#48b4f0 rgb(72,180,240)
```
#40b7f8
```
#40b7f8 rgb(64,183,248)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#969ea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a3ba Protanopia 1% of men
#a4a0c1 Deuteranopia 1% of men
#81aab7 Tritanopia 0.001% of the population

Trichromacy

#93a3ba Protanomaly 1% of men, 0.01% of women
#96a2bf Deuteranomaly 6% of men, 0.4% of women
#7fa8b8 Tritanomaly 0.01% of the population

#7da5bb hex color

#7da5bb Color Information

#7da5bb Color Conversion

Color Schemes with #7da5bb

Alternatives to #7da5bb

#7da5bb Preview

Shades and Tints of #7da5bb

Tones of #7da5bb

Color Blindness Simulator