#7ddbf5 hex color

In a RGB color space, hex #7ddbf5 is composed of 49% red, 85.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 10.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 193 degrees, a saturation of 85.7% and a lightness of 72.5%. #7ddbf5 color hex could be obtained by blending #faffff with #00b7eb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 86
- B 96
RGB color chart
- C 49
- M 11
- Y 0
- K 4
CMYK color chart

● #7ddbf5 color description : Soft cyan.

The hexadecimal color #7ddbf5 has RGB values of R:125, G:219, B:245 and CMYK values of C:0.49, M:0.11, Y:0, K:0.04. Its decimal value is 8248309.

Hex triplet	7ddbf5	`#7ddbf5`
RGB Decimal	125, 219, 245	`rgb(125,219,245)`
RGB Percent	49, 85.9, 96.1	`rgb(49%,85.9%,96.1%)`
CMYK	49, 11, 0, 4
HSL	193°, 85.7, 72.5	`hsl(193,85.7%,72.5%)`
HSV (or HSB)	193°, 49, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.707, -21.119, -21.344
XYZ	50.266, 61.612, 95.625
xyY	0.242, 0.297, 61.612
CIE-LCH	82.707, 30.026, 225.304
CIE-LUV	82.707, -41.322, -30.869
Hunter-Lab	78.494, -23.055, -17.284
Binary	01111101, 11011011, 11110101

#7ddbf5
```
#7ddbf5 rgb(125,219,245)
```
#f5977d
```
#f5977d rgb(245,151,125)
```

Complementary Color

#7df5d3
```
#7df5d3 rgb(125,245,211)
```
#7ddbf5
```
#7ddbf5 rgb(125,219,245)
```
#7d9ff5
```
#7d9ff5 rgb(125,159,245)
```

Analogous Color

#f5d37d
```
#f5d37d rgb(245,211,125)
```
#7ddbf5
```
#7ddbf5 rgb(125,219,245)
```
#f57d9f
```
#f57d9f rgb(245,125,159)
```

Split Complementary Color

#dbf57d
```
#dbf57d rgb(219,245,125)
```
#7ddbf5
```
#7ddbf5 rgb(125,219,245)
```
#f57ddb
```
#f57ddb rgb(245,125,219)
```

Triadic Color

#7df597
```
#7df597 rgb(125,245,151)
```
#7ddbf5
```
#7ddbf5 rgb(125,219,245)
```
#f57ddb
```
#f57ddb rgb(245,125,219)
```
#f5977d
```
#f5977d rgb(245,151,125)
```

Tetradic Color

#36c7f0
```
#36c7f0 rgb(54,199,240)
```
#4ecef1
```
#4ecef1 rgb(78,206,241)
```
#65d4f3
```
#65d4f3 rgb(101,212,243)
```
#7ddbf5
```
#7ddbf5 rgb(125,219,245)
```
#95e2f7
```
#95e2f7 rgb(149,226,247)
```
#ace8f9
```
#ace8f9 rgb(172,232,249)
```
#c4effa
```
#c4effa rgb(196,239,250)
```

Monochromatic Color

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

#7df5f1
```
#7df5f1 rgb(125,245,241)
```
#7deff5
```
#7deff5 rgb(125,239,245)
```
#7de5f5
```
#7de5f5 rgb(125,229,245)
```
#7ddbf5
```
#7ddbf5 rgb(125,219,245)
```
#7dd1f5
```
#7dd1f5 rgb(125,209,245)
```
#7dc7f5
```
#7dc7f5 rgb(125,199,245)
```
#7dbdf5
```
#7dbdf5 rgb(125,189,245)
```

Similar Colors

Text with hexadecimal color #7ddbf5

This text has a font color of #7ddbf5.

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

#7ddbf5 background color

This paragraph has a background color of #7ddbf5.

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

#7ddbf5 border color

This element has a border color of #7ddbf5.

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

CSS codes

.text {color:#7ddbf5;}

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

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

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, #010d10 is the darkest color, while #fdfeff is the lightest one.

#010d10
```
#010d10 rgb(1,13,16)
```
#031b22
```
#031b22 rgb(3,27,34)
```
#042a34
```
#042a34 rgb(4,42,52)
```
#053846
```
#053846 rgb(5,56,70)
```
#074759
```
#074759 rgb(7,71,89)
```
#08556b
```
#08556b rgb(8,85,107)
```
#0a647d
```
#0a647d rgb(10,100,125)
```
#0b738f
```
#0b738f rgb(11,115,143)
```
#0c81a1
```
#0c81a1 rgb(12,129,161)
```
#0e90b4
```
#0e90b4 rgb(14,144,180)
```
#0f9ec6
```
#0f9ec6 rgb(15,158,198)
```
#11add8
```
#11add8 rgb(17,173,216)
```
#12bbea
```
#12bbea rgb(18,187,234)
```

Shade Color Variation

#22c2ee
```
#22c2ee rgb(34,194,238)
```
#34c7ef
```
#34c7ef rgb(52,199,239)
```
#46ccf1
```
#46ccf1 rgb(70,204,241)
```
#59d1f2
```
#59d1f2 rgb(89,209,242)
```
#6bd6f4
```
#6bd6f4 rgb(107,214,244)
```
#7ddbf5
```
#7ddbf5 rgb(125,219,245)
```
#8fe0f6
```
#8fe0f6 rgb(143,224,246)
```
#a1e5f8
```
#a1e5f8 rgb(161,229,248)
```
#b4eaf9
```
#b4eaf9 rgb(180,234,249)
```
#c6effb
```
#c6effb rgb(198,239,251)
```
#d8f4fc
```
#d8f4fc rgb(216,244,252)
```
#eaf9fd
```
#eaf9fd rgb(234,249,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#b8b9ba
```
#b8b9ba rgb(184,185,186)
```
#b3bcbf
```
#b3bcbf rgb(179,188,191)
```
#adc0c5
```
#adc0c5 rgb(173,192,197)
```
#a8c3ca
```
#a8c3ca rgb(168,195,202)
```
#a3c6cf
```
#a3c6cf rgb(163,198,207)
```
#9dc9d5
```
#9dc9d5 rgb(157,201,213)
```
#98ccda
```
#98ccda rgb(152,204,218)
```
#93cfdf
```
#93cfdf rgb(147,207,223)
```
#8dd2e5
```
#8dd2e5 rgb(141,210,229)
```
#88d5ea
```
#88d5ea rgb(136,213,234)
```
#82d8f0
```
#82d8f0 rgb(130,216,240)
```
#7ddbf5
```
#7ddbf5 rgb(125,219,245)
```
#78defa
```
#78defa rgb(120,222,250)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#b4c7cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#caceed Protanopia 1% of men
#ccccfb Deuteranopia 1% of men
#80deee Tritanopia 0.001% of the population

Trichromacy

#aed3ef Protanomaly 1% of men, 0.01% of women
#afd1f9 Deuteranomaly 6% of men, 0.4% of women
#7fdcf0 Tritanomaly 0.01% of the population

#7ddbf5 hex color

#7ddbf5 Color Information

#7ddbf5 Color Conversion

Color Schemes with #7ddbf5

Alternatives to #7ddbf5

#7ddbf5 Preview

Shades and Tints of #7ddbf5

Tones of #7ddbf5

Color Blindness Simulator