#7dbddd hex color

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

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

● #7dbddd color description : Very soft blue.

The hexadecimal color #7dbddd has RGB values of R:125, G:189, B:221 and CMYK values of C:0.43, M:0.14, Y:0, K:0.13. Its decimal value is 8240605.

Hex triplet	7dbddd	`#7dbddd`
RGB Decimal	125, 189, 221	`rgb(125,189,221)`
RGB Percent	49, 74.1, 86.7	`rgb(49%,74.1%,86.7%)`
CMYK	43, 14, 0, 13
HSL	200°, 58.5, 67.8	`hsl(200,58.5%,67.8%)`
HSV (or HSB)	200°, 43.4, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.528, -12.134, -22.415
XYZ	39.703, 45.974, 75.184
xyY	0.247, 0.286, 45.974
CIE-LCH	73.528, 25.488, 241.573
CIE-LUV	73.528, -30.129, -33.469
Hunter-Lab	67.804, -14.135, -18.281
Binary	01111101, 10111101, 11011101

#7dbddd
```
#7dbddd rgb(125,189,221)
```
#dd9d7d
```
#dd9d7d rgb(221,157,125)
```

Complementary Color

#7dddcd
```
#7dddcd rgb(125,221,205)
```
#7dbddd
```
#7dbddd rgb(125,189,221)
```
#7d8ddd
```
#7d8ddd rgb(125,141,221)
```

Analogous Color

#ddcd7d
```
#ddcd7d rgb(221,205,125)
```
#7dbddd
```
#7dbddd rgb(125,189,221)
```
#dd7d8d
```
#dd7d8d rgb(221,125,141)
```

Split Complementary Color

#bddd7d
```
#bddd7d rgb(189,221,125)
```
#7dbddd
```
#7dbddd rgb(125,189,221)
```
#dd7dbd
```
#dd7dbd rgb(221,125,189)
```

Triadic Color

#7ddd9d
```
#7ddd9d rgb(125,221,157)
```
#7dbddd
```
#7dbddd rgb(125,189,221)
```
#dd7dbd
```
#dd7dbd rgb(221,125,189)
```
#dd9d7d
```
#dd9d7d rgb(221,157,125)
```

Tetradic Color

#409ecd
```
#409ecd rgb(64,158,205)
```
#55a8d2
```
#55a8d2 rgb(85,168,210)
```
#69b3d8
```
#69b3d8 rgb(105,179,216)
```
#7dbddd
```
#7dbddd rgb(125,189,221)
```
#91c7e2
```
#91c7e2 rgb(145,199,226)
```
#a5d2e8
```
#a5d2e8 rgb(165,210,232)
```
#badced
```
#badced rgb(186,220,237)
```

Monochromatic Color

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

#7dd5dd
```
#7dd5dd rgb(125,213,221)
```
#7dcddd
```
#7dcddd rgb(125,205,221)
```
#7dc5dd
```
#7dc5dd rgb(125,197,221)
```
#7dbddd
```
#7dbddd rgb(125,189,221)
```
#7db5dd
```
#7db5dd rgb(125,181,221)
```
#7daddd
```
#7daddd rgb(125,173,221)
```
#7da5dd
```
#7da5dd rgb(125,165,221)
```

Similar Colors

Text with hexadecimal color #7dbddd

This text has a font color of #7dbddd.

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

#7dbddd background color

This paragraph has a background color of #7dbddd.

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

#7dbddd border color

This element has a border color of #7dbddd.

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

CSS codes

.text {color:#7dbddd;}

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

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

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)
```
#0b1f29
```
#0b1f29 rgb(11,31,41)
```
#0f2b39
```
#0f2b39 rgb(15,43,57)
```
#133648
```
#133648 rgb(19,54,72)
```
#174258
```
#174258 rgb(23,66,88)
```
#1b4e67
```
#1b4e67 rgb(27,78,103)
```
#1f5a77
```
#1f5a77 rgb(31,90,119)
```
#236586
```
#236586 rgb(35,101,134)
```
#277196
```
#277196 rgb(39,113,150)
```
#2b7da5
```
#2b7da5 rgb(43,125,165)
```
#2f88b5
```
#2f88b5 rgb(47,136,181)
```
#3394c5
```
#3394c5 rgb(51,148,197)
```

Shade Color Variation

#3f9dcd
```
#3f9dcd rgb(63,157,205)
```
#4ea5d1
```
#4ea5d1 rgb(78,165,209)
```
#5eadd5
```
#5eadd5 rgb(94,173,213)
```
#6db5d9
```
#6db5d9 rgb(109,181,217)
```
#7dbddd
```
#7dbddd rgb(125,189,221)
```
#8dc5e1
```
#8dc5e1 rgb(141,197,225)
```
#9ccde5
```
#9ccde5 rgb(156,205,229)
```
#acd5e9
```
#acd5e9 rgb(172,213,233)
```
#bbdded
```
#bbdded rgb(187,221,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 #5dc8fd is the most saturated one.

#a9aeb1
```
#a9aeb1 rgb(169,174,177)
```
#a3b0b7
```
#a3b0b7 rgb(163,176,183)
```
#9db2bd
```
#9db2bd rgb(157,178,189)
```
#96b5c4
```
#96b5c4 rgb(150,181,196)
```
#90b7ca
```
#90b7ca rgb(144,183,202)
```
#8ab9d0
```
#8ab9d0 rgb(138,185,208)
```
#83bbd7
```
#83bbd7 rgb(131,187,215)
```
#7dbddd
```
#7dbddd rgb(125,189,221)
```
#77bfe3
```
#77bfe3 rgb(119,191,227)
```
#70c1ea
```
#70c1ea rgb(112,193,234)
```
#6ac3f0
```
#6ac3f0 rgb(106,195,240)
```
#64c5f6
```
#64c5f6 rgb(100,197,246)
```
#5dc8fd
```
#5dc8fd rgb(93,200,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a4b1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b6d8 Protanopia 1% of men
#b2b5e2 Deuteranopia 1% of men
#7ec2d1 Tritanopia 0.001% of the population

Trichromacy

#9eb9da Protanomaly 1% of men, 0.01% of women
#9eb8e0 Deuteranomaly 6% of men, 0.4% of women
#7ec0d5 Tritanomaly 0.01% of the population

#7dbddd hex color

#7dbddd Color Information

#7dbddd Color Conversion

Color Schemes with #7dbddd

Alternatives to #7dbddd

#7dbddd Preview

Shades and Tints of #7dbddd

Tones of #7dbddd

Color Blindness Simulator