#9edcf5 hex color

In a RGB color space, hex #9edcf5 is composed of 62% red, 86.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 10.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 197.2 degrees, a saturation of 81.3% and a lightness of 79%. #9edcf5 color hex could be obtained by blending #ffffff with #3db9eb. Closest websafe color is: #99ccff.

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

● #9edcf5 color description : Very soft blue.

The hexadecimal color #9edcf5 has RGB values of R:158, G:220, B:245 and CMYK values of C:0.36, M:0.1, Y:0, K:0.04. Its decimal value is 10411253.

Hex triplet	9edcf5	`#9edcf5`
RGB Decimal	158, 220, 245	`rgb(158,220,245)`
RGB Percent	62, 86.3, 96.1	`rgb(62%,86.3%,96.1%)`
CMYK	36, 10, 0, 4
HSL	197.2°, 81.3, 79	`hsl(197.2,81.3%,79%)`
HSV (or HSB)	197.2°, 35.5, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.507, -13.628, -18.475
XYZ	56.171, 65.046, 95.976
xyY	0.259, 0.299, 65.046
CIE-LCH	84.507, 22.957, 233.586
CIE-LUV	84.507, -30.317, -27.213
Hunter-Lab	80.651, -16.819, -14.101
Binary	10011110, 11011100, 11110101

#9edcf5
```
#9edcf5 rgb(158,220,245)
```
#f5b79e
```
#f5b79e rgb(245,183,158)
```

Complementary Color

#9ef5e3
```
#9ef5e3 rgb(158,245,227)
```
#9edcf5
```
#9edcf5 rgb(158,220,245)
```
#9eb1f5
```
#9eb1f5 rgb(158,177,245)
```

Analogous Color

#f5e39e
```
#f5e39e rgb(245,227,158)
```
#9edcf5
```
#9edcf5 rgb(158,220,245)
```
#f59eb1
```
#f59eb1 rgb(245,158,177)
```

Split Complementary Color

#dcf59e
```
#dcf59e rgb(220,245,158)
```
#9edcf5
```
#9edcf5 rgb(158,220,245)
```
#f59edc
```
#f59edc rgb(245,158,220)
```

Triadic Color

#9ef5b7
```
#9ef5b7 rgb(158,245,183)
```
#9edcf5
```
#9edcf5 rgb(158,220,245)
```
#f59edc
```
#f59edc rgb(245,158,220)
```
#f5b79e
```
#f5b79e rgb(245,183,158)
```

Tetradic Color

#59c3ee
```
#59c3ee rgb(89,195,238)
```
#70cbf0
```
#70cbf0 rgb(112,203,240)
```
#87d4f3
```
#87d4f3 rgb(135,212,243)
```
#9edcf5
```
#9edcf5 rgb(158,220,245)
```
#b5e4f7
```
#b5e4f7 rgb(181,228,247)
```
#ccedfa
```
#ccedfa rgb(204,237,250)
```
#e3f5fc
```
#e3f5fc rgb(227,245,252)
```

Monochromatic Color

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

#9ef2f5
```
#9ef2f5 rgb(158,242,245)
```
#9eebf5
```
#9eebf5 rgb(158,235,245)
```
#9ee3f5
```
#9ee3f5 rgb(158,227,245)
```
#9edcf5
```
#9edcf5 rgb(158,220,245)
```
#9ed5f5
```
#9ed5f5 rgb(158,213,245)
```
#9ecef5
```
#9ecef5 rgb(158,206,245)
```
#9ec6f5
```
#9ec6f5 rgb(158,198,245)
```

Similar Colors

Text with hexadecimal color #9edcf5

This text has a font color of #9edcf5.

<span style="color:#9edcf5;">Text here</span>

#9edcf5 background color

This paragraph has a background color of #9edcf5.

<p style="background-color:#9edcf5;">Content here</p>

#9edcf5 border color

This element has a border color of #9edcf5.

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

CSS codes

.text {color:#9edcf5;}

.background {background-color:#9edcf5;}

.border {border:1px solid #9edcf5;}

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#03141b
```
#03141b rgb(3,20,27)
```
#05222d
```
#05222d rgb(5,34,45)
```
#062f3f
```
#062f3f rgb(6,47,63)
```
#083c51
```
#083c51 rgb(8,60,81)
```
#0a4963
```
#0a4963 rgb(10,73,99)
```
#0c5674
```
#0c5674 rgb(12,86,116)
```
#0e6486
```
#0e6486 rgb(14,100,134)
```
#107198
```
#107198 rgb(16,113,152)
```
#117eaa
```
#117eaa rgb(17,126,170)
```
#138bbc
```
#138bbc rgb(19,139,188)
```
#1598cd
```
#1598cd rgb(21,152,205)
```
#17a6df
```
#17a6df rgb(23,166,223)
```

Shade Color Variation

#22afe8
```
#22afe8 rgb(34,175,232)
```
#33b6ea
```
#33b6ea rgb(51,182,234)
```
#45bcec
```
#45bcec rgb(69,188,236)
```
#57c2ee
```
#57c2ee rgb(87,194,238)
```
#69c9f0
```
#69c9f0 rgb(105,201,240)
```
#7acff1
```
#7acff1 rgb(122,207,241)
```
#8cd6f3
```
#8cd6f3 rgb(140,214,243)
```
#9edcf5
```
#9edcf5 rgb(158,220,245)
```
#b0e2f7
```
#b0e2f7 rgb(176,226,247)
```
#c2e9f9
```
#c2e9f9 rgb(194,233,249)
```
#d3effa
```
#d3effa rgb(211,239,250)
```
#e5f6fc
```
#e5f6fc rgb(229,246,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#c7cacc
```
#c7cacc rgb(199,202,204)
```
#c3ccd0
```
#c3ccd0 rgb(195,204,208)
```
#bfced4
```
#bfced4 rgb(191,206,212)
```
#bbd0d8
```
#bbd0d8 rgb(187,208,216)
```
#b7d1dc
```
#b7d1dc rgb(183,209,220)
```
#b3d3e0
```
#b3d3e0 rgb(179,211,224)
```
#aed5e5
```
#aed5e5 rgb(174,213,229)
```
#aad7e9
```
#aad7e9 rgb(170,215,233)
```
#a6d8ed
```
#a6d8ed rgb(166,216,237)
```
#a2daf1
```
#a2daf1 rgb(162,218,241)
```
#9edcf5
```
#9edcf5 rgb(158,220,245)
```
#9adef9
```
#9adef9 rgb(154,222,249)
```
#96e0fd
```
#96e0fd rgb(150,224,253)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c3cfd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d3ef Protanopia 1% of men
#d5d0fa Deuteranopia 1% of men
#a1deef Tritanopia 0.001% of the population

Trichromacy

#bed6f1 Protanomaly 1% of men, 0.01% of women
#c1d4f8 Deuteranomaly 6% of men, 0.4% of women
#9fddf1 Tritanomaly 0.01% of the population

#9edcf5 hex color

#9edcf5 Color Information

#9edcf5 Color Conversion

Color Schemes with #9edcf5

Alternatives to #9edcf5

#9edcf5 Preview

Shades and Tints of #9edcf5

Tones of #9edcf5

Color Blindness Simulator