#7dbbdd hex color

In a RGB color space, hex #7dbbdd is composed of 49% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 201.3 degrees, a saturation of 58.5% and a lightness of 67.8%. #7dbbdd color hex could be obtained by blending #faffff with #0077bb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 73
- B 87
RGB color chart
- C 43
- M 15
- Y 0
- K 13
CMYK color chart

● #7dbbdd color description : Very soft blue.

The hexadecimal color #7dbbdd has RGB values of R:125, G:187, B:221 and CMYK values of C:0.43, M:0.15, Y:0, K:0.13. Its decimal value is 8240093.

Hex triplet	7dbbdd	`#7dbbdd`
RGB Decimal	125, 187, 221	`rgb(125,187,221)`
RGB Percent	49, 73.3, 86.7	`rgb(49%,73.3%,86.7%)`
CMYK	43, 15, 0, 13
HSL	201.3°, 58.5, 67.8	`hsl(201.3,58.5%,67.8%)`
HSV (or HSB)	201.3°, 43.4, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.97, -11.073, -23.266
XYZ	39.276, 45.119, 75.042
xyY	0.246, 0.283, 45.119
CIE-LCH	72.97, 25.766, 244.548
CIE-LUV	72.97, -29.331, -34.995
Hunter-Lab	67.171, -13.177, -19.218
Binary	01111101, 10111011, 11011101

#7dbbdd
```
#7dbbdd rgb(125,187,221)
```
#dd9f7d
```
#dd9f7d rgb(221,159,125)
```

Complementary Color

#7dddcf
```
#7dddcf rgb(125,221,207)
```
#7dbbdd
```
#7dbbdd rgb(125,187,221)
```
#7d8bdd
```
#7d8bdd rgb(125,139,221)
```

Analogous Color

#ddcf7d
```
#ddcf7d rgb(221,207,125)
```
#7dbbdd
```
#7dbbdd rgb(125,187,221)
```
#dd7d8b
```
#dd7d8b rgb(221,125,139)
```

Split Complementary Color

#bbdd7d
```
#bbdd7d rgb(187,221,125)
```
#7dbbdd
```
#7dbbdd rgb(125,187,221)
```
#dd7dbb
```
#dd7dbb rgb(221,125,187)
```

Triadic Color

#7ddd9f
```
#7ddd9f rgb(125,221,159)
```
#7dbbdd
```
#7dbbdd rgb(125,187,221)
```
#dd7dbb
```
#dd7dbb rgb(221,125,187)
```
#dd9f7d
```
#dd9f7d rgb(221,159,125)
```

Tetradic Color

#409bcd
```
#409bcd rgb(64,155,205)
```
#55a6d2
```
#55a6d2 rgb(85,166,210)
```
#69b0d8
```
#69b0d8 rgb(105,176,216)
```
#7dbbdd
```
#7dbbdd rgb(125,187,221)
```
#91c6e2
```
#91c6e2 rgb(145,198,226)
```
#a5d0e8
```
#a5d0e8 rgb(165,208,232)
```
#badbed
```
#badbed rgb(186,219,237)
```

Monochromatic Color

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

#7dd3dd
```
#7dd3dd rgb(125,211,221)
```
#7dcbdd
```
#7dcbdd rgb(125,203,221)
```
#7dc3dd
```
#7dc3dd rgb(125,195,221)
```
#7dbbdd
```
#7dbbdd rgb(125,187,221)
```
#7db3dd
```
#7db3dd rgb(125,179,221)
```
#7dabdd
```
#7dabdd rgb(125,171,221)
```
#7da3dd
```
#7da3dd rgb(125,163,221)
```

Similar Colors

Text with hexadecimal color #7dbbdd

This text has a font color of #7dbbdd.

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

#7dbbdd background color

This paragraph has a background color of #7dbbdd.

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

#7dbbdd border color

This element has a border color of #7dbbdd.

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

CSS codes

.text {color:#7dbbdd;}

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

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

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, #03070a is the darkest color, while #f9fcfe is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#071319
```
#071319 rgb(7,19,25)
```
#0b1e29
```
#0b1e29 rgb(11,30,41)
```
#0f2a39
```
#0f2a39 rgb(15,42,57)
```
#133548
```
#133548 rgb(19,53,72)
```
#174158
```
#174158 rgb(23,65,88)
```
#1b4c67
```
#1b4c67 rgb(27,76,103)
```
#1f5877
```
#1f5877 rgb(31,88,119)
```
#236386
```
#236386 rgb(35,99,134)
```
#276f96
```
#276f96 rgb(39,111,150)
```
#2b7aa5
```
#2b7aa5 rgb(43,122,165)
```
#2f86b5
```
#2f86b5 rgb(47,134,181)
```
#3391c5
```
#3391c5 rgb(51,145,197)
```

Shade Color Variation

#3f9acd
```
#3f9acd rgb(63,154,205)
```
#4ea3d1
```
#4ea3d1 rgb(78,163,209)
```
#5eabd5
```
#5eabd5 rgb(94,171,213)
```
#6db3d9
```
#6db3d9 rgb(109,179,217)
```
#7dbbdd
```
#7dbbdd rgb(125,187,221)
```
#8dc3e1
```
#8dc3e1 rgb(141,195,225)
```
#9ccbe5
```
#9ccbe5 rgb(156,203,229)
```
#acd3e9
```
#acd3e9 rgb(172,211,233)
```
#bbdced
```
#bbdced rgb(187,220,237)
```
#cbe4f1
```
#cbe4f1 rgb(203,228,241)
```
#daecf5
```
#daecf5 rgb(218,236,245)
```
#eaf4f9
```
#eaf4f9 rgb(234,244,249)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a9aeb1 is the less saturated color, while #5dc4fd is the most saturated one.

#a9aeb1
```
#a9aeb1 rgb(169,174,177)
```
#a3b0b7
```
#a3b0b7 rgb(163,176,183)
```
#9db2bd
```
#9db2bd rgb(157,178,189)
```
#96b4c4
```
#96b4c4 rgb(150,180,196)
```
#90b5ca
```
#90b5ca rgb(144,181,202)
```
#8ab7d0
```
#8ab7d0 rgb(138,183,208)
```
#83b9d7
```
#83b9d7 rgb(131,185,215)
```
#7dbbdd
```
#7dbbdd rgb(125,187,221)
```
#77bde3
```
#77bde3 rgb(119,189,227)
```
#70bfea
```
#70bfea rgb(112,191,234)
```
#6ac1f0
```
#6ac1f0 rgb(106,193,240)
```
#64c2f6
```
#64c2f6 rgb(100,194,246)
```
#5dc4fd
```
#5dc4fd rgb(93,196,253)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a3afb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb5d9 Protanopia 1% of men
#afb3e2 Deuteranopia 1% of men
#7ec1cf Tritanopia 0.001% of the population

Trichromacy

#9cb7da Protanomaly 1% of men, 0.01% of women
#9db6e0 Deuteranomaly 6% of men, 0.4% of women
#7dbfd4 Tritanomaly 0.01% of the population

#7dbbdd hex color

#7dbbdd Color Information

#7dbbdd Color Conversion

Color Schemes with #7dbbdd

Alternatives to #7dbbdd

#7dbbdd Preview

Shades and Tints of #7dbbdd

Tones of #7dbbdd

Color Blindness Simulator