#7dbde6 hex color

In a RGB color space, hex #7dbde6 is composed of 49% red, 74.1% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 17.8% magenta, 0% yellow and 9.8% black. It has a hue angle of 203.4 degrees, a saturation of 67.7% and a lightness of 69.6%. #7dbde6 color hex could be obtained by blending #faffff with #007bcd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 74
- B 90
RGB color chart
- C 46
- M 18
- Y 0
- K 10
CMYK color chart

● #7dbde6 color description : Soft blue.

The hexadecimal color #7dbde6 has RGB values of R:125, G:189, B:230 and CMYK values of C:0.46, M:0.18, Y:0, K:0.1. Its decimal value is 8240614.

Hex triplet	7dbde6	`#7dbde6`
RGB Decimal	125, 189, 230	`rgb(125,189,230)`
RGB Percent	49, 74.1, 90.2	`rgb(49%,74.1%,90.2%)`
CMYK	46, 18, 0, 10
HSL	203.4°, 67.7, 69.6	`hsl(203.4,67.7%,69.6%)`
HSV (or HSB)	203.4°, 45.7, 90.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.847, -9.682, -26.809
XYZ	40.935, 46.466, 81.67
xyY	0.242, 0.275, 46.466
CIE-LCH	73.847, 28.504, 250.144
CIE-LUV	73.847, -30.01, -41.167
Hunter-Lab	68.166, -12.099, -23.32
Binary	01111101, 10111101, 11100110

#7dbde6
```
#7dbde6 rgb(125,189,230)
```
#e6a67d
```
#e6a67d rgb(230,166,125)
```

Complementary Color

#7de6db
```
#7de6db rgb(125,230,219)
```
#7dbde6
```
#7dbde6 rgb(125,189,230)
```
#7d89e6
```
#7d89e6 rgb(125,137,230)
```

Analogous Color

#e6db7d
```
#e6db7d rgb(230,219,125)
```
#7dbde6
```
#7dbde6 rgb(125,189,230)
```
#e67d89
```
#e67d89 rgb(230,125,137)
```

Split Complementary Color

#bde67d
```
#bde67d rgb(189,230,125)
```
#7dbde6
```
#7dbde6 rgb(125,189,230)
```
#e67dbd
```
#e67dbd rgb(230,125,189)
```

Triadic Color

#7de6a6
```
#7de6a6 rgb(125,230,166)
```
#7dbde6
```
#7dbde6 rgb(125,189,230)
```
#e67dbd
```
#e67dbd rgb(230,125,189)
```
#e6a67d
```
#e6a67d rgb(230,166,125)
```

Tetradic Color

#3d9cda
```
#3d9cda rgb(61,156,218)
```
#52a7de
```
#52a7de rgb(82,167,222)
```
#68b2e2
```
#68b2e2 rgb(104,178,226)
```
#7dbde6
```
#7dbde6 rgb(125,189,230)
```
#92c8ea
```
#92c8ea rgb(146,200,234)
```
#a8d3ee
```
#a8d3ee rgb(168,211,238)
```
#bddef2
```
#bddef2 rgb(189,222,242)
```

Monochromatic Color

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

#7dd7e6
```
#7dd7e6 rgb(125,215,230)
```
#7dcfe6
```
#7dcfe6 rgb(125,207,230)
```
#7dc6e6
```
#7dc6e6 rgb(125,198,230)
```
#7dbde6
```
#7dbde6 rgb(125,189,230)
```
#7db4e6
```
#7db4e6 rgb(125,180,230)
```
#7dace6
```
#7dace6 rgb(125,172,230)
```
#7da3e6
```
#7da3e6 rgb(125,163,230)
```

Similar Colors

Text with hexadecimal color #7dbde6

This text has a font color of #7dbde6.

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

#7dbde6 background color

This paragraph has a background color of #7dbde6.

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

#7dbde6 border color

This element has a border color of #7dbde6.

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

CSS codes

.text {color:#7dbde6;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#071823
```
#071823 rgb(7,24,35)
```
#0a2333
```
#0a2333 rgb(10,35,51)
```
#0d2e43
```
#0d2e43 rgb(13,46,67)
```
#103954
```
#103954 rgb(16,57,84)
```
#134564
```
#134564 rgb(19,69,100)
```
#165075
```
#165075 rgb(22,80,117)
```
#1a5b85
```
#1a5b85 rgb(26,91,133)
```
#1d6696
```
#1d6696 rgb(29,102,150)
```
#2072a6
```
#2072a6 rgb(32,114,166)
```
#237db7
```
#237db7 rgb(35,125,183)
```
#2688c7
```
#2688c7 rgb(38,136,199)
```

Shade Color Variation

#2b93d6
```
#2b93d6 rgb(43,147,214)
```
#3b9cd9
```
#3b9cd9 rgb(59,156,217)
```
#4ca4dd
```
#4ca4dd rgb(76,164,221)
```
#5cace0
```
#5cace0 rgb(92,172,224)
```
#6db5e3
```
#6db5e3 rgb(109,181,227)
```
#7dbde6
```
#7dbde6 rgb(125,189,230)
```
#8dc5e9
```
#8dc5e9 rgb(141,197,233)
```
#9eceec
```
#9eceec rgb(158,206,236)
```
#aed6ef
```
#aed6ef rgb(174,214,239)
```
#bfdef3
```
#bfdef3 rgb(191,222,243)
```
#cfe7f6
```
#cfe7f6 rgb(207,231,246)
```
#e0eff9
```
#e0eff9 rgb(224,239,249)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

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

#adb3b6
```
#adb3b6 rgb(173,179,182)
```
#a7b4bc
```
#a7b4bc rgb(167,180,188)
```
#a1b5c2
```
#a1b5c2 rgb(161,181,194)
```
#9bb6c8
```
#9bb6c8 rgb(155,182,200)
```
#95b8ce
```
#95b8ce rgb(149,184,206)
```
#8fb9d4
```
#8fb9d4 rgb(143,185,212)
```
#89bada
```
#89bada rgb(137,186,218)
```
#83bce0
```
#83bce0 rgb(131,188,224)
```
#7dbde6
```
#7dbde6 rgb(125,189,230)
```
#77beec
```
#77beec rgb(119,190,236)
```
#71c0f2
```
#71c0f2 rgb(113,192,242)
```
#6bc1f8
```
#6bc1f8 rgb(107,193,248)
```
#65c2fe
```
#65c2fe rgb(101,194,254)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a5b2ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb7e1 Protanopia 1% of men
#aeb6eb Deuteranopia 1% of men
#7bc4d2 Tritanopia 0.001% of the population

Trichromacy

#9cb9e3 Protanomaly 1% of men, 0.01% of women
#9cb8e9 Deuteranomaly 6% of men, 0.4% of women
#7cc1d9 Tritanomaly 0.01% of the population

#7dbde6 hex color

#7dbde6 Color Information

#7dbde6 Color Conversion

Color Schemes with #7dbde6

Alternatives to #7dbde6

#7dbde6 Preview

Shades and Tints of #7dbde6

Tones of #7dbde6

Color Blindness Simulator