#7ddef9 hex color

In a RGB color space, hex #7ddef9 is composed of 49% red, 87.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 10.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 193.1 degrees, a saturation of 91.2% and a lightness of 73.3%. #7ddef9 color hex could be obtained by blending #faffff with #00bdf3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 87
- B 98
RGB color chart
- C 50
- M 11
- Y 0
- K 2
CMYK color chart

● #7ddef9 color description : Soft cyan.

The hexadecimal color #7ddef9 has RGB values of R:125, G:222, B:249 and CMYK values of C:0.5, M:0.11, Y:0, K:0.02. Its decimal value is 8249081.

Hex triplet	7ddef9	`#7ddef9`
RGB Decimal	125, 222, 249	`rgb(125,222,249)`
RGB Percent	49, 87.1, 97.6	`rgb(49%,87.1%,97.6%)`
CMYK	50, 11, 0, 2
HSL	193.1°, 91.2, 73.3	`hsl(193.1,91.2%,73.3%)`
HSV (or HSB)	193.1°, 49.8, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.673, -21.544, -21.997
XYZ	51.673, 63.439, 99.139
xyY	0.241, 0.296, 63.439
CIE-LCH	83.673, 30.79, 225.597
CIE-LUV	83.673, -42.343, -31.949
Hunter-Lab	79.648, -23.58, -18.045
Binary	01111101, 11011110, 11111001

#7ddef9
```
#7ddef9 rgb(125,222,249)
```
#f9987d
```
#f9987d rgb(249,152,125)
```

Complementary Color

#7df9d6
```
#7df9d6 rgb(125,249,214)
```
#7ddef9
```
#7ddef9 rgb(125,222,249)
```
#7da0f9
```
#7da0f9 rgb(125,160,249)
```

Analogous Color

#f9d67d
```
#f9d67d rgb(249,214,125)
```
#7ddef9
```
#7ddef9 rgb(125,222,249)
```
#f97da0
```
#f97da0 rgb(249,125,160)
```

Split Complementary Color

#def97d
```
#def97d rgb(222,249,125)
```
#7ddef9
```
#7ddef9 rgb(125,222,249)
```
#f97dde
```
#f97dde rgb(249,125,222)
```

Triadic Color

#7df998
```
#7df998 rgb(125,249,152)
```
#7ddef9
```
#7ddef9 rgb(125,222,249)
```
#f97dde
```
#f97dde rgb(249,125,222)
```
#f9987d
```
#f9987d rgb(249,152,125)
```

Tetradic Color

#34cbf6
```
#34cbf6 rgb(52,203,246)
```
#4cd2f7
```
#4cd2f7 rgb(76,210,247)
```
#65d8f8
```
#65d8f8 rgb(101,216,248)
```
#7ddef9
```
#7ddef9 rgb(125,222,249)
```
#95e4fa
```
#95e4fa rgb(149,228,250)
```
#aeeafb
```
#aeeafb rgb(174,234,251)
```
#c6f1fc
```
#c6f1fc rgb(198,241,252)
```

Monochromatic Color

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

#7df9f5
```
#7df9f5 rgb(125,249,245)
```
#7df3f9
```
#7df3f9 rgb(125,243,249)
```
#7de8f9
```
#7de8f9 rgb(125,232,249)
```
#7ddef9
```
#7ddef9 rgb(125,222,249)
```
#7dd4f9
```
#7dd4f9 rgb(125,212,249)
```
#7dc9f9
```
#7dc9f9 rgb(125,201,249)
```
#7dbff9
```
#7dbff9 rgb(125,191,249)
```

Similar Colors

Text with hexadecimal color #7ddef9

This text has a font color of #7ddef9.

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

#7ddef9 background color

This paragraph has a background color of #7ddef9.

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

#7ddef9 border color

This element has a border color of #7ddef9.

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

CSS codes

.text {color:#7ddef9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#011014
```
#011014 rgb(1,16,20)
```
#021f27
```
#021f27 rgb(2,31,39)
```
#032e3a
```
#032e3a rgb(3,46,58)
```
#043c4c
```
#043c4c rgb(4,60,76)
```
#044b5f
```
#044b5f rgb(4,75,95)
```
#055a72
```
#055a72 rgb(5,90,114)
```
#066985
```
#066985 rgb(6,105,133)
```
#077897
```
#077897 rgb(7,120,151)
```
#0887aa
```
#0887aa rgb(8,135,170)
```
#0996bd
```
#0996bd rgb(9,150,189)
```
#0aa4d0
```
#0aa4d0 rgb(10,164,208)
```
#0ab3e2
```
#0ab3e2 rgb(10,179,226)
```

Shade Color Variation

#0dc1f4
```
#0dc1f4 rgb(13,193,244)
```
#1fc6f5
```
#1fc6f5 rgb(31,198,245)
```
#32cbf6
```
#32cbf6 rgb(50,203,246)
```
#45d0f6
```
#45d0f6 rgb(69,208,246)
```
#58d4f7
```
#58d4f7 rgb(88,212,247)
```
#6ad9f8
```
#6ad9f8 rgb(106,217,248)
```
#7ddef9
```
#7ddef9 rgb(125,222,249)
```
#90e3fa
```
#90e3fa rgb(144,227,250)
```
#a3e8fb
```
#a3e8fb rgb(163,232,251)
```
#b5ecfc
```
#b5ecfc rgb(181,236,252)
```
#c8f1fc
```
#c8f1fc rgb(200,241,252)
```
#dbf6fd
```
#dbf6fd rgb(219,246,253)
```
#eefbfe
```
#eefbfe rgb(238,251,254)
```

Tint Color Variation

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

#b7bebf
```
#b7bebf rgb(183,190,191)
```
#b1c0c5
```
#b1c0c5 rgb(177,192,197)
```
#acc3ca
```
#acc3ca rgb(172,195,202)
```
#a7c6cf
```
#a7c6cf rgb(167,198,207)
```
#a2c9d4
```
#a2c9d4 rgb(162,201,212)
```
#9cccda
```
#9cccda rgb(156,204,218)
```
#97cfdf
```
#97cfdf rgb(151,207,223)
```
#92d2e4
```
#92d2e4 rgb(146,210,228)
```
#8dd5e9
```
#8dd5e9 rgb(141,213,233)
```
#87d8ef
```
#87d8ef rgb(135,216,239)
```
#82dbf4
```
#82dbf4 rgb(130,219,244)
```
#7ddef9
```
#7ddef9 rgb(125,222,249)
```
#78e1fe
```
#78e1fe rgb(120,225,254)
```

Tone Color Variation

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

Dichromacy

#cdd1f0 Protanopia 1% of men
#cecfff Deuteranopia 1% of men
#80e1f1 Tritanopia 0.001% of the population

Trichromacy

#afd5f3 Protanomaly 1% of men, 0.01% of women
#b1d4fc Deuteranomaly 6% of men, 0.4% of women
#7fdff4 Tritanomaly 0.01% of the population

#7ddef9 hex color

#7ddef9 Color Information

#7ddef9 Color Conversion

Color Schemes with #7ddef9

Alternatives to #7ddef9

#7ddef9 Preview

Shades and Tints of #7ddef9

Tones of #7ddef9

Color Blindness Simulator