#7ddbe9 hex color

In a RGB color space, hex #7ddbe9 is composed of 49% red, 85.9% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 6% magenta, 0% yellow and 8.6% black. It has a hue angle of 187.8 degrees, a saturation of 71.1% and a lightness of 70.2%. #7ddbe9 color hex could be obtained by blending #faffff with #00b7d3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 86
- B 91
RGB color chart
- C 46
- M 6
- Y 0
- K 9
CMYK color chart

● #7ddbe9 color description : Soft cyan.

The hexadecimal color #7ddbe9 has RGB values of R:125, G:219, B:233 and CMYK values of C:0.46, M:0.06, Y:0, K:0.09. Its decimal value is 8248297.

Hex triplet	7ddbe9	`#7ddbe9`
RGB Decimal	125, 219, 233	`rgb(125,219,233)`
RGB Percent	49, 85.9, 91.4	`rgb(49%,85.9%,91.4%)`
CMYK	46, 6, 0, 9
HSL	187.8°, 71.1, 70.2	`hsl(187.8,71.1%,70.2%)`
HSV (or HSB)	187.8°, 46.4, 91.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.327, -24.291, -15.55
XYZ	48.493, 60.903, 86.286
xyY	0.248, 0.311, 60.903
CIE-LCH	82.327, 28.842, 212.626
CIE-LUV	82.327, -41.701, -20.743
Hunter-Lab	78.041, -25.654, -10.926
Binary	01111101, 11011011, 11101001

#7ddbe9
```
#7ddbe9 rgb(125,219,233)
```
#e98b7d
```
#e98b7d rgb(233,139,125)
```

Complementary Color

#7de9c1
```
#7de9c1 rgb(125,233,193)
```
#7ddbe9
```
#7ddbe9 rgb(125,219,233)
```
#7da5e9
```
#7da5e9 rgb(125,165,233)
```

Analogous Color

#e9c17d
```
#e9c17d rgb(233,193,125)
```
#7ddbe9
```
#7ddbe9 rgb(125,219,233)
```
#e97da5
```
#e97da5 rgb(233,125,165)
```

Split Complementary Color

#dbe97d
```
#dbe97d rgb(219,233,125)
```
#7ddbe9
```
#7ddbe9 rgb(125,219,233)
```
#e97ddb
```
#e97ddb rgb(233,125,219)
```

Triadic Color

#7de98b
```
#7de98b rgb(125,233,139)
```
#7ddbe9
```
#7ddbe9 rgb(125,219,233)
```
#e97ddb
```
#e97ddb rgb(233,125,219)
```
#e98b7d
```
#e98b7d rgb(233,139,125)
```

Tetradic Color

#3cc9de
```
#3cc9de rgb(60,201,222)
```
#51cfe2
```
#51cfe2 rgb(81,207,226)
```
#67d5e5
```
#67d5e5 rgb(103,213,229)
```
#7ddbe9
```
#7ddbe9 rgb(125,219,233)
```
#93e1ed
```
#93e1ed rgb(147,225,237)
```
#a9e7f0
```
#a9e7f0 rgb(169,231,240)
```
#beedf4
```
#beedf4 rgb(190,237,244)
```

Monochromatic Color

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

#7de9dc
```
#7de9dc rgb(125,233,220)
```
#7de9e5
```
#7de9e5 rgb(125,233,229)
```
#7de4e9
```
#7de4e9 rgb(125,228,233)
```
#7ddbe9
```
#7ddbe9 rgb(125,219,233)
```
#7dd2e9
```
#7dd2e9 rgb(125,210,233)
```
#7dc9e9
```
#7dc9e9 rgb(125,201,233)
```
#7dc0e9
```
#7dc0e9 rgb(125,192,233)
```

Similar Colors

Text with hexadecimal color #7ddbe9

This text has a font color of #7ddbe9.

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

#7ddbe9 background color

This paragraph has a background color of #7ddbe9.

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

#7ddbe9 border color

This element has a border color of #7ddbe9.

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

CSS codes

.text {color:#7ddbe9;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041315
```
#041315 rgb(4,19,21)
```
#062226
```
#062226 rgb(6,34,38)
```
#093137
```
#093137 rgb(9,49,55)
```
#0c4047
```
#0c4047 rgb(12,64,71)
```
#0f4f58
```
#0f4f58 rgb(15,79,88)
```
#125e69
```
#125e69 rgb(18,94,105)
```
#156d7a
```
#156d7a rgb(21,109,122)
```
#177c8a
```
#177c8a rgb(23,124,138)
```
#1a8a9b
```
#1a8a9b rgb(26,138,155)
```
#1d99ac
```
#1d99ac rgb(29,153,172)
```
#20a8bd
```
#20a8bd rgb(32,168,189)
```
#23b7ce
```
#23b7ce rgb(35,183,206)
```

Shade Color Variation

#29c4db
```
#29c4db rgb(41,196,219)
```
#3ac8de
```
#3ac8de rgb(58,200,222)
```
#4bcde0
```
#4bcde0 rgb(75,205,224)
```
#5bd2e3
```
#5bd2e3 rgb(91,210,227)
```
#6cd6e6
```
#6cd6e6 rgb(108,214,230)
```
#7ddbe9
```
#7ddbe9 rgb(125,219,233)
```
#8ee0ec
```
#8ee0ec rgb(142,224,236)
```
#9fe4ef
```
#9fe4ef rgb(159,228,239)
```
#afe9f2
```
#afe9f2 rgb(175,233,242)
```
#c0eef4
```
#c0eef4 rgb(192,238,244)
```
#d1f2f7
```
#d1f2f7 rgb(209,242,247)
```
#e2f7fa
```
#e2f7fa rgb(226,247,250)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

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

#b2b4b4
```
#b2b4b4 rgb(178,180,180)
```
#acb8ba
```
#acb8ba rgb(172,184,186)
```
#a6bdc0
```
#a6bdc0 rgb(166,189,192)
```
#a0c1c6
```
#a0c1c6 rgb(160,193,198)
```
#9ac5cc
```
#9ac5cc rgb(154,197,204)
```
#94cad2
```
#94cad2 rgb(148,202,210)
```
#8fced7
```
#8fced7 rgb(143,206,215)
```
#89d2dd
```
#89d2dd rgb(137,210,221)
```
#83d7e3
```
#83d7e3 rgb(131,215,227)
```
#7ddbe9
```
#7ddbe9 rgb(125,219,233)
```
#77dfef
```
#77dfef rgb(119,223,239)
```
#71e4f5
```
#71e4f5 rgb(113,228,245)
```
#6be8fb
```
#6be8fb rgb(107,232,251)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b3c5c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcee1 Protanopia 1% of men
#d1caf0 Deuteranopia 1% of men
#84dcec Tritanopia 0.001% of the population

Trichromacy

#b0d2e4 Protanomaly 1% of men, 0.01% of women
#b2d0ed Deuteranomaly 6% of men, 0.4% of women
#81dbeb Tritanomaly 0.01% of the population

#7ddbe9 hex color

#7ddbe9 Color Information

#7ddbe9 Color Conversion

Color Schemes with #7ddbe9

Alternatives to #7ddbe9

#7ddbe9 Preview

Shades and Tints of #7ddbe9

Tones of #7ddbe9

Color Blindness Simulator