#7ddefa hex color

In a RGB color space, hex #7ddefa is composed of 49% red, 87.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 11.2% magenta, 0% yellow and 2% black. It has a hue angle of 193.4 degrees, a saturation of 92.6% and a lightness of 73.5%. #7ddefa color hex could be obtained by blending #faffff with #00bdf5. 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

● #7ddefa color description : Soft cyan.

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

Hex triplet	7ddefa	`#7ddefa`
RGB Decimal	125, 222, 250	`rgb(125,222,250)`
RGB Percent	49, 87.1, 98	`rgb(49%,87.1%,98%)`
CMYK	50, 11, 0, 2
HSL	193.4°, 92.6, 73.5	`hsl(193.4,92.6%,73.5%)`
HSV (or HSB)	193.4°, 50, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.705, -21.273, -22.476
XYZ	51.83, 63.501, 99.963
xyY	0.241, 0.295, 63.501
CIE-LCH	83.705, 30.947, 226.575
CIE-LUV	83.705, -42.311, -32.798
Hunter-Lab	79.688, -23.356, -18.594
Binary	01111101, 11011110, 11111010

#7ddefa
```
#7ddefa rgb(125,222,250)
```
#fa997d
```
#fa997d rgb(250,153,125)
```

Complementary Color

#7dfad8
```
#7dfad8 rgb(125,250,216)
```
#7ddefa
```
#7ddefa rgb(125,222,250)
```
#7da0fa
```
#7da0fa rgb(125,160,250)
```

Analogous Color

#fad87d
```
#fad87d rgb(250,216,125)
```
#7ddefa
```
#7ddefa rgb(125,222,250)
```
#fa7da0
```
#fa7da0 rgb(250,125,160)
```

Split Complementary Color

#defa7d
```
#defa7d rgb(222,250,125)
```
#7ddefa
```
#7ddefa rgb(125,222,250)
```
#fa7dde
```
#fa7dde rgb(250,125,222)
```

Triadic Color

#7dfa99
```
#7dfa99 rgb(125,250,153)
```
#7ddefa
```
#7ddefa rgb(125,222,250)
```
#fa7dde
```
#fa7dde rgb(250,125,222)
```
#fa997d
```
#fa997d rgb(250,153,125)
```

Tetradic Color

#33cbf7
```
#33cbf7 rgb(51,203,247)
```
#4cd2f8
```
#4cd2f8 rgb(76,210,248)
```
#64d8f9
```
#64d8f9 rgb(100,216,249)
```
#7ddefa
```
#7ddefa rgb(125,222,250)
```
#96e4fb
```
#96e4fb rgb(150,228,251)
```
#aeeafc
```
#aeeafc rgb(174,234,252)
```
#c7f1fd
```
#c7f1fd rgb(199,241,253)
```

Monochromatic Color

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

#7dfaf7
```
#7dfaf7 rgb(125,250,247)
```
#7df3fa
```
#7df3fa rgb(125,243,250)
```
#7de8fa
```
#7de8fa rgb(125,232,250)
```
#7ddefa
```
#7ddefa rgb(125,222,250)
```
#7dd4fa
```
#7dd4fa rgb(125,212,250)
```
#7dc9fa
```
#7dc9fa rgb(125,201,250)
```
#7dbffa
```
#7dbffa rgb(125,191,250)
```

Similar Colors

Text with hexadecimal color #7ddefa

This text has a font color of #7ddefa.

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

#7ddefa background color

This paragraph has a background color of #7ddefa.

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

#7ddefa border color

This element has a border color of #7ddefa.

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

CSS codes

.text {color:#7ddefa;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011115
```
#011115 rgb(1,17,21)
```
#021f28
```
#021f28 rgb(2,31,40)
```
#022e3b
```
#022e3b rgb(2,46,59)
```
#033d4e
```
#033d4e rgb(3,61,78)
```
#044c61
```
#044c61 rgb(4,76,97)
```
#045b74
```
#045b74 rgb(4,91,116)
```
#056986
```
#056986 rgb(5,105,134)
```
#067899
```
#067899 rgb(6,120,153)
```
#0787ac
```
#0787ac rgb(7,135,172)
```
#0796bf
```
#0796bf rgb(7,150,191)
```
#08a5d2
```
#08a5d2 rgb(8,165,210)
```
#09b4e5
```
#09b4e5 rgb(9,180,229)
```

Shade Color Variation

#0cc1f6
```
#0cc1f6 rgb(12,193,246)
```
#1fc6f6
```
#1fc6f6 rgb(31,198,246)
```
#31cbf7
```
#31cbf7 rgb(49,203,247)
```
#44d0f8
```
#44d0f8 rgb(68,208,248)
```
#57d4f9
```
#57d4f9 rgb(87,212,249)
```
#6ad9f9
```
#6ad9f9 rgb(106,217,249)
```
#7ddefa
```
#7ddefa rgb(125,222,250)
```
#90e3fb
```
#90e3fb rgb(144,227,251)
```
#a3e8fb
```
#a3e8fb rgb(163,232,251)
```
#b6ecfc
```
#b6ecfc rgb(182,236,252)
```
#c9f1fd
```
#c9f1fd rgb(201,241,253)
```
#dbf6fe
```
#dbf6fe rgb(219,246,254)
```
#eefbfe
```
#eefbfe rgb(238,251,254)
```

Tint Color Variation

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

#bbbcbc
```
#bbbcbc rgb(187,188,188)
```
#b6bec1
```
#b6bec1 rgb(182,190,193)
```
#b1c1c6
```
#b1c1c6 rgb(177,193,198)
```
#acc4cb
```
#acc4cb rgb(172,196,203)
```
#a7c7d0
```
#a7c7d0 rgb(167,199,208)
```
#a1cad6
```
#a1cad6 rgb(161,202,214)
```
#9ccddb
```
#9ccddb rgb(156,205,219)
```
#97d0e0
```
#97d0e0 rgb(151,208,224)
```
#92d3e5
```
#92d3e5 rgb(146,211,229)
```
#8dd5ea
```
#8dd5ea rgb(141,213,234)
```
#87d8f0
```
#87d8f0 rgb(135,216,240)
```
#82dbf5
```
#82dbf5 rgb(130,219,245)
```
#7ddefa
```
#7ddefa rgb(125,222,250)
```

Tone Color Variation

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

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

Trichromacy

#afd6f4 Protanomaly 1% of men, 0.01% of women
#b0d4fd Deuteranomaly 6% of men, 0.4% of women
#7ee0f4 Tritanomaly 0.01% of the population

#7ddefa hex color

#7ddefa Color Information

#7ddefa Color Conversion

Color Schemes with #7ddefa

Alternatives to #7ddefa

#7ddefa Preview

Shades and Tints of #7ddefa

Tones of #7ddefa

Color Blindness Simulator