#7db7fd hex color

In a RGB color space, hex #7db7fd is composed of 49% red, 71.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 27.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 212.8 degrees, a saturation of 97% and a lightness of 74.1%. #7db7fd color hex could be obtained by blending #faffff with #006ffb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 72
- B 99
RGB color chart
- C 51
- M 28
- Y 0
- K 1
CMYK color chart

● #7db7fd color description : Soft blue.

The hexadecimal color #7db7fd has RGB values of R:125, G:183, B:253 and CMYK values of C:0.51, M:0.28, Y:0, K:0.01. Its decimal value is 8239101.

Hex triplet	7db7fd	`#7db7fd`
RGB Decimal	125, 183, 253	`rgb(125,183,253)`
RGB Percent	49, 71.8, 99.2	`rgb(49%,71.8%,99.2%)`
CMYK	51, 28, 0, 1
HSL	212.8°, 97, 74.1	`hsl(212.8,97%,74.1%)`
HSV (or HSB)	212.8°, 50.6, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.1, 0.132, -40.395
XYZ	43.117, 45.317, 99.398
xyY	0.23, 0.241, 45.317
CIE-LCH	73.1, 40.395, 270.188
CIE-LUV	73.1, -27.493, -65.475
Hunter-Lab	67.318, -3.477, -40.423
Binary	01111101, 10110111, 11111101

#7db7fd
```
#7db7fd rgb(125,183,253)
```
#fdc37d
```
#fdc37d rgb(253,195,125)
```

Complementary Color

#7df7fd
```
#7df7fd rgb(125,247,253)
```
#7db7fd
```
#7db7fd rgb(125,183,253)
```
#837dfd
```
#837dfd rgb(131,125,253)
```

Analogous Color

#f7fd7d
```
#f7fd7d rgb(247,253,125)
```
#7db7fd
```
#7db7fd rgb(125,183,253)
```
#fd837d
```
#fd837d rgb(253,131,125)
```

Split Complementary Color

#b7fd7d
```
#b7fd7d rgb(183,253,125)
```
#7db7fd
```
#7db7fd rgb(125,183,253)
```
#fd7db7
```
#fd7db7 rgb(253,125,183)
```

Triadic Color

#7dfdc3
```
#7dfdc3 rgb(125,253,195)
```
#7db7fd
```
#7db7fd rgb(125,183,253)
```
#fd7db7
```
#fd7db7 rgb(253,125,183)
```
#fdc37d
```
#fdc37d rgb(253,195,125)
```

Tetradic Color

#328dfc
```
#328dfc rgb(50,141,252)
```
#4b9bfc
```
#4b9bfc rgb(75,155,252)
```
#64a9fd
```
#64a9fd rgb(100,169,253)
```
#7db7fd
```
#7db7fd rgb(125,183,253)
```
#96c5fd
```
#96c5fd rgb(150,197,253)
```
#afd3fe
```
#afd3fe rgb(175,211,254)
```
#c8e1fe
```
#c8e1fe rgb(200,225,254)
```

Monochromatic Color

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

#7dd7fd
```
#7dd7fd rgb(125,215,253)
```
#7dccfd
```
#7dccfd rgb(125,204,253)
```
#7dc2fd
```
#7dc2fd rgb(125,194,253)
```
#7db7fd
```
#7db7fd rgb(125,183,253)
```
#7dacfd
```
#7dacfd rgb(125,172,253)
```
#7da2fd
```
#7da2fd rgb(125,162,253)
```
#7d97fd
```
#7d97fd rgb(125,151,253)
```

Similar Colors

Text with hexadecimal color #7db7fd

This text has a font color of #7db7fd.

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

#7db7fd background color

This paragraph has a background color of #7db7fd.

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

#7db7fd border color

This element has a border color of #7db7fd.

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

CSS codes

.text {color:#7db7fd;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000b19
```
#000b19 rgb(0,11,25)
```
#01142c
```
#01142c rgb(1,20,44)
```
#011d3f
```
#011d3f rgb(1,29,63)
```
#012653
```
#012653 rgb(1,38,83)
```
#022f66
```
#022f66 rgb(2,47,102)
```
#023879
```
#023879 rgb(2,56,121)
```
#02418c
```
#02418c rgb(2,65,140)
```
#024aa0
```
#024aa0 rgb(2,74,160)
```
#0353b3
```
#0353b3 rgb(3,83,179)
```
#035cc6
```
#035cc6 rgb(3,92,198)
```
#0364da
```
#0364da rgb(3,100,218)
```
#046ded
```
#046ded rgb(4,109,237)
```

Shade Color Variation

#0977fb
```
#0977fb rgb(9,119,251)
```
#1c82fc
```
#1c82fc rgb(28,130,252)
```
#308cfc
```
#308cfc rgb(48,140,252)
```
#4397fc
```
#4397fc rgb(67,151,252)
```
#56a2fc
```
#56a2fc rgb(86,162,252)
```
#6aacfd
```
#6aacfd rgb(106,172,253)
```
#7db7fd
```
#7db7fd rgb(125,183,253)
```
#90c2fd
```
#90c2fd rgb(144,194,253)
```
#a4ccfe
```
#a4ccfe rgb(164,204,254)
```
#b7d7fe
```
#b7d7fe rgb(183,215,254)
```
#cae2fe
```
#cae2fe rgb(202,226,254)
```
#deecfe
```
#deecfe rgb(222,236,254)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#babdc0
```
#babdc0 rgb(186,189,192)
```
#b5bcc5
```
#b5bcc5 rgb(181,188,197)
```
#b0bcca
```
#b0bcca rgb(176,188,202)
```
#abbbcf
```
#abbbcf rgb(171,187,207)
```
#a6bbd4
```
#a6bbd4 rgb(166,187,212)
```
#a1bad9
```
#a1bad9 rgb(161,186,217)
```
#9bbadf
```
#9bbadf rgb(155,186,223)
```
#96b9e4
```
#96b9e4 rgb(150,185,228)
```
#91b9e9
```
#91b9e9 rgb(145,185,233)
```
#8cb8ee
```
#8cb8ee rgb(140,184,238)
```
#87b8f3
```
#87b8f3 rgb(135,184,243)
```
#82b7f8
```
#82b7f8 rgb(130,183,248)
```
#7db7fd
```
#7db7fd rgb(125,183,253)
```

Tone Color Variation

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

Dichromacy

#a1b5f9 Protanopia 1% of men
#99b5fe Deuteranopia 1% of men
#71c3d1 Tritanopia 0.001% of the population

Trichromacy

#93b5fa Protanomaly 1% of men, 0.01% of women
#8fb6fe Deuteranomaly 6% of men, 0.4% of women
#75bee1 Tritanomaly 0.01% of the population

#7db7fd hex color

#7db7fd Color Information

#7db7fd Color Conversion

Color Schemes with #7db7fd

Alternatives to #7db7fd

#7db7fd Preview

Shades and Tints of #7db7fd

Tones of #7db7fd

Color Blindness Simulator