#7ddafe hex color

In a RGB color space, hex #7ddafe is composed of 49% red, 85.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 14.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 196.7 degrees, a saturation of 98.5% and a lightness of 74.3%. #7ddafe color hex could be obtained by blending #faffff with #00b5fd. Closest websafe color is: #66ccff.

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

● #7ddafe color description : Soft blue.

The hexadecimal color #7ddafe has RGB values of R:125, G:218, B:254 and CMYK values of C:0.51, M:0.14, Y:0, K:0. Its decimal value is 8248062.

Hex triplet	7ddafe	`#7ddafe`
RGB Decimal	125, 218, 254	`rgb(125,218,254)`
RGB Percent	49, 85.5, 99.6	`rgb(49%,85.5%,99.6%)`
CMYK	51, 14, 0, 0
HSL	196.7°, 98.5, 74.3	`hsl(196.7,98.5%,74.3%)`
HSV (or HSB)	196.7°, 50.8, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.73, -18.163, -26.077
XYZ	51.414, 61.655, 102.952
xyY	0.238, 0.285, 61.655
CIE-LCH	82.73, 31.779, 235.141
CIE-LUV	82.73, -40.664, -39.301
Hunter-Lab	78.521, -20.534, -22.773
Binary	01111101, 11011010, 11111110

#7ddafe
```
#7ddafe rgb(125,218,254)
```
#fea17d
```
#fea17d rgb(254,161,125)
```

Complementary Color

#7dfee2
```
#7dfee2 rgb(125,254,226)
```
#7ddafe
```
#7ddafe rgb(125,218,254)
```
#7d9afe
```
#7d9afe rgb(125,154,254)
```

Analogous Color

#fee27d
```
#fee27d rgb(254,226,125)
```
#7ddafe
```
#7ddafe rgb(125,218,254)
```
#fe7d9a
```
#fe7d9a rgb(254,125,154)
```

Split Complementary Color

#dafe7d
```
#dafe7d rgb(218,254,125)
```
#7ddafe
```
#7ddafe rgb(125,218,254)
```
#fe7dda
```
#fe7dda rgb(254,125,218)
```

Triadic Color

#7dfea1
```
#7dfea1 rgb(125,254,161)
```
#7ddafe
```
#7ddafe rgb(125,218,254)
```
#fe7dda
```
#fe7dda rgb(254,125,218)
```
#fea17d
```
#fea17d rgb(254,161,125)
```

Tetradic Color

#31c4fd
```
#31c4fd rgb(49,196,253)
```
#4accfe
```
#4accfe rgb(74,204,254)
```
#64d3fe
```
#64d3fe rgb(100,211,254)
```
#7ddafe
```
#7ddafe rgb(125,218,254)
```
#96e1fe
```
#96e1fe rgb(150,225,254)
```
#b0e8fe
```
#b0e8fe rgb(176,232,254)
```
#c9f0ff
```
#c9f0ff rgb(201,240,255)
```

Monochromatic Color

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

#7dfafe
```
#7dfafe rgb(125,250,254)
```
#7df0fe
```
#7df0fe rgb(125,240,254)
```
#7de5fe
```
#7de5fe rgb(125,229,254)
```
#7ddafe
```
#7ddafe rgb(125,218,254)
```
#7dcffe
```
#7dcffe rgb(125,207,254)
```
#7dc5fe
```
#7dc5fe rgb(125,197,254)
```
#7dbafe
```
#7dbafe rgb(125,186,254)
```

Similar Colors

Text with hexadecimal color #7ddafe

This text has a font color of #7ddafe.

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

#7ddafe background color

This paragraph has a background color of #7ddafe.

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

#7ddafe border color

This element has a border color of #7ddafe.

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

CSS codes

.text {color:#7ddafe;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#00131a
```
#00131a rgb(0,19,26)
```
#00212d
```
#00212d rgb(0,33,45)
```
#002f41
```
#002f41 rgb(0,47,65)
```
#013d54
```
#013d54 rgb(1,61,84)
```
#014b68
```
#014b68 rgb(1,75,104)
```
#01597b
```
#01597b rgb(1,89,123)
```
#01678f
```
#01678f rgb(1,103,143)
```
#0175a2
```
#0175a2 rgb(1,117,162)
```
#0183b5
```
#0183b5 rgb(1,131,181)
```
#0291c9
```
#0291c9 rgb(2,145,201)
```
#029fdc
```
#029fdc rgb(2,159,220)
```
#02adf0
```
#02adf0 rgb(2,173,240)
```

Shade Color Variation

#08b9fd
```
#08b9fd rgb(8,185,253)
```
#1cbefd
```
#1cbefd rgb(28,190,253)
```
#2fc4fd
```
#2fc4fd rgb(47,196,253)
```
#43c9fe
```
#43c9fe rgb(67,201,254)
```
#56cffe
```
#56cffe rgb(86,207,254)
```
#6ad4fe
```
#6ad4fe rgb(106,212,254)
```
#7ddafe
```
#7ddafe rgb(125,218,254)
```
#90e0fe
```
#90e0fe rgb(144,224,254)
```
#a4e5fe
```
#a4e5fe rgb(164,229,254)
```
#b7ebfe
```
#b7ebfe rgb(183,235,254)
```
#cbf0ff
```
#cbf0ff rgb(203,240,255)
```
#def6ff
```
#def6ff rgb(222,246,255)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#b9bfc2
```
#b9bfc2 rgb(185,191,194)
```
#b4c2c7
```
#b4c2c7 rgb(180,194,199)
```
#afc4cc
```
#afc4cc rgb(175,196,204)
```
#aac6d1
```
#aac6d1 rgb(170,198,209)
```
#a5c8d6
```
#a5c8d6 rgb(165,200,214)
```
#a0cadb
```
#a0cadb rgb(160,202,219)
```
#9bcde0
```
#9bcde0 rgb(155,205,224)
```
#96cfe5
```
#96cfe5 rgb(150,207,229)
```
#91d1ea
```
#91d1ea rgb(145,209,234)
```
#8cd3ef
```
#8cd3ef rgb(140,211,239)
```
#87d6f4
```
#87d6f4 rgb(135,214,244)
```
#82d8f9
```
#82d8f9 rgb(130,216,249)
```
#7ddafe
```
#7ddafe rgb(125,218,254)
```

Tone Color Variation

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

Dichromacy

#c7cef5 Protanopia 1% of men
#c8cdff Deuteranopia 1% of men
#7ddeee Tritanopia 0.001% of the population

Trichromacy

#acd2f8 Protanomaly 1% of men, 0.01% of women
#acd1fe Deuteranomaly 6% of men, 0.4% of women
#7ddcf4 Tritanomaly 0.01% of the population

#7ddafe hex color

#7ddafe Color Information

#7ddafe Color Conversion

Color Schemes with #7ddafe

Alternatives to #7ddafe

#7ddafe Preview

Shades and Tints of #7ddafe

Tones of #7ddafe

Color Blindness Simulator