#7dddff hex color

In a RGB color space, hex #7dddff is composed of 49% red, 86.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 13.3% magenta, 0% yellow and 0% black. It has a hue angle of 195.7 degrees, a saturation of 100% and a lightness of 74.5%. #7dddff color hex could be obtained by blending #faffff with #00bbff. Closest websafe color is: #66ccff.

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

● #7dddff color description : Very light blue.

The hexadecimal color #7dddff has RGB values of R:125, G:221, B:255 and CMYK values of C:0.51, M:0.13, Y:0, K:0. Its decimal value is 8248831.

Hex triplet	7dddff	`#7dddff`
RGB Decimal	125, 221, 255	`rgb(125,221,255)`
RGB Percent	49, 86.7, 100	`rgb(49%,86.7%,100%)`
CMYK	51, 13, 0, 0
HSL	195.7°, 100, 74.5	`hsl(195.7,100%,74.5%)`
HSV (or HSB)	195.7°, 51, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.594, -19.408, -25.287
XYZ	52.359, 63.29, 104.059
xyY	0.238, 0.288, 63.29
CIE-LCH	83.594, 31.877, 232.493
CIE-LUV	83.594, -41.77, -37.825
Hunter-Lab	79.555, -21.74, -21.864
Binary	01111101, 11011101, 11111111

#7dddff
```
#7dddff rgb(125,221,255)
```
#ff9f7d
```
#ff9f7d rgb(255,159,125)
```

Complementary Color

#7dffe0
```
#7dffe0 rgb(125,255,224)
```
#7dddff
```
#7dddff rgb(125,221,255)
```
#7d9cff
```
#7d9cff rgb(125,156,255)
```

Analogous Color

#ffe07d
```
#ffe07d rgb(255,224,125)
```
#7dddff
```
#7dddff rgb(125,221,255)
```
#ff7d9c
```
#ff7d9c rgb(255,125,156)
```

Split Complementary Color

#ddff7d
```
#ddff7d rgb(221,255,125)
```
#7dddff
```
#7dddff rgb(125,221,255)
```
#ff7ddd
```
#ff7ddd rgb(255,125,221)
```

Triadic Color

#7dff9f
```
#7dff9f rgb(125,255,159)
```
#7dddff
```
#7dddff rgb(125,221,255)
```
#ff7ddd
```
#ff7ddd rgb(255,125,221)
```
#ff9f7d
```
#ff9f7d rgb(255,159,125)
```

Tetradic Color

#31c9ff
```
#31c9ff rgb(49,201,255)
```
#4ad0ff
```
#4ad0ff rgb(74,208,255)
```
#64d6ff
```
#64d6ff rgb(100,214,255)
```
#7dddff
```
#7dddff rgb(125,221,255)
```
#97e4ff
```
#97e4ff rgb(151,228,255)
```
#b0eaff
```
#b0eaff rgb(176,234,255)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```

Monochromatic Color

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

#7dfeff
```
#7dfeff rgb(125,254,255)
```
#7df3ff
```
#7df3ff rgb(125,243,255)
```
#7de8ff
```
#7de8ff rgb(125,232,255)
```
#7dddff
```
#7dddff rgb(125,221,255)
```
#7dd2ff
```
#7dd2ff rgb(125,210,255)
```
#7dc7ff
```
#7dc7ff rgb(125,199,255)
```
#7dbdff
```
#7dbdff rgb(125,189,255)
```

Similar Colors

Text with hexadecimal color #7dddff

This text has a font color of #7dddff.

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

#7dddff background color

This paragraph has a background color of #7dddff.

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

#7dddff border color

This element has a border color of #7dddff.

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

CSS codes

.text {color:#7dddff;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00141b
```
#00141b rgb(0,20,27)
```
#00222f
```
#00222f rgb(0,34,47)
```
#003142
```
#003142 rgb(0,49,66)
```
#003f56
```
#003f56 rgb(0,63,86)
```
#004e69
```
#004e69 rgb(0,78,105)
```
#005c7d
```
#005c7d rgb(0,92,125)
```
#006b91
```
#006b91 rgb(0,107,145)
```
#0079a4
```
#0079a4 rgb(0,121,164)
```
#0088b8
```
#0088b8 rgb(0,136,184)
```
#0096cb
```
#0096cb rgb(0,150,203)
```
#00a5df
```
#00a5df rgb(0,165,223)
```
#00b3f3
```
#00b3f3 rgb(0,179,243)
```

Shade Color Variation

#07beff
```
#07beff rgb(7,190,255)
```
#1bc3ff
```
#1bc3ff rgb(27,195,255)
```
#2fc8ff
```
#2fc8ff rgb(47,200,255)
```
#42ceff
```
#42ceff rgb(66,206,255)
```
#56d3ff
```
#56d3ff rgb(86,211,255)
```
#69d8ff
```
#69d8ff rgb(105,216,255)
```
#7dddff
```
#7dddff rgb(125,221,255)
```
#91e2ff
```
#91e2ff rgb(145,226,255)
```
#a4e7ff
```
#a4e7ff rgb(164,231,255)
```
#b8ecff
```
#b8ecff rgb(184,236,255)
```
#cbf2ff
```
#cbf2ff rgb(203,242,255)
```
#dff7ff
```
#dff7ff rgb(223,247,255)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#b9c0c3
```
#b9c0c3 rgb(185,192,195)
```
#b4c3c8
```
#b4c3c8 rgb(180,195,200)
```
#afc5cd
```
#afc5cd rgb(175,197,205)
```
#aac8d2
```
#aac8d2 rgb(170,200,210)
```
#a5cad7
```
#a5cad7 rgb(165,202,215)
```
#a0ccdc
```
#a0ccdc rgb(160,204,220)
```
#9bcfe1
```
#9bcfe1 rgb(155,207,225)
```
#96d1e6
```
#96d1e6 rgb(150,209,230)
```
#91d3eb
```
#91d3eb rgb(145,211,235)
```
#8cd6f0
```
#8cd6f0 rgb(140,214,240)
```
#87d8f5
```
#87d8f5 rgb(135,216,245)
```
#82dbfa
```
#82dbfa rgb(130,219,250)
```
#7dddff
```
#7dddff rgb(125,221,255)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#b6c9d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad1f6 Protanopia 1% of men
#cbcfff Deuteranopia 1% of men
#7de1f1 Tritanopia 0.001% of the population

Trichromacy

#aed5f9 Protanomaly 1% of men, 0.01% of women
#afd4ff Deuteranomaly 6% of men, 0.4% of women
#7ddff6 Tritanomaly 0.01% of the population

#7dddff hex color

#7dddff Color Information

#7dddff Color Conversion

Color Schemes with #7dddff

Alternatives to #7dddff

#7dddff Preview

Shades and Tints of #7dddff

Tones of #7dddff

Color Blindness Simulator