#9edff5 hex color

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

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

● #9edff5 color description : Very soft blue.

The hexadecimal color #9edff5 has RGB values of R:158, G:223, B:245 and CMYK values of C:0.36, M:0.09, Y:0, K:0.04. Its decimal value is 10412021.

Hex triplet	9edff5	`#9edff5`
RGB Decimal	158, 223, 245	`rgb(158,223,245)`
RGB Percent	62, 87.5, 96.1	`rgb(62%,87.5%,96.1%)`
CMYK	36, 9, 0, 4
HSL	195.2°, 81.3, 79	`hsl(195.2,81.3%,79%)`
HSV (or HSB)	195.2°, 35.5, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.319, -15.158, -17.251
XYZ	56.966, 66.635, 96.241
xyY	0.259, 0.303, 66.635
CIE-LCH	85.319, 22.965, 228.696
CIE-LUV	85.319, -31.557, -24.982
Hunter-Lab	81.63, -18.286, -12.762
Binary	10011110, 11011111, 11110101

#9edff5
```
#9edff5 rgb(158,223,245)
```
#f5b49e
```
#f5b49e rgb(245,180,158)
```

Complementary Color

#9ef5e0
```
#9ef5e0 rgb(158,245,224)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#9eb4f5
```
#9eb4f5 rgb(158,180,245)
```

Analogous Color

#f5e09e
```
#f5e09e rgb(245,224,158)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#f59eb4
```
#f59eb4 rgb(245,158,180)
```

Split Complementary Color

#dff59e
```
#dff59e rgb(223,245,158)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#f59edf
```
#f59edf rgb(245,158,223)
```

Triadic Color

#9ef5b4
```
#9ef5b4 rgb(158,245,180)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#f59edf
```
#f59edf rgb(245,158,223)
```
#f5b49e
```
#f5b49e rgb(245,180,158)
```

Tetradic Color

#59c8ee
```
#59c8ee rgb(89,200,238)
```
#70d0f0
```
#70d0f0 rgb(112,208,240)
```
#87d7f3
```
#87d7f3 rgb(135,215,243)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#b5e7f7
```
#b5e7f7 rgb(181,231,247)
```
#cceefa
```
#cceefa rgb(204,238,250)
```
#e3f6fc
```
#e3f6fc rgb(227,246,252)
```

Monochromatic Color

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

#9ef5f5
```
#9ef5f5 rgb(158,245,245)
```
#9eeef5
```
#9eeef5 rgb(158,238,245)
```
#9ee6f5
```
#9ee6f5 rgb(158,230,245)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#9ed8f5
```
#9ed8f5 rgb(158,216,245)
```
#9ed1f5
```
#9ed1f5 rgb(158,209,245)
```
#9ec9f5
```
#9ec9f5 rgb(158,201,245)
```

Similar Colors

Text with hexadecimal color #9edff5

This text has a font color of #9edff5.

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

#9edff5 background color

This paragraph has a background color of #9edff5.

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

#9edff5 border color

This element has a border color of #9edff5.

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

CSS codes

.text {color:#9edff5;}

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

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

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)
```
#03151b
```
#03151b rgb(3,21,27)
```
#05232d
```
#05232d rgb(5,35,45)
```
#06313f
```
#06313f rgb(6,49,63)
```
#083e51
```
#083e51 rgb(8,62,81)
```
#0a4c63
```
#0a4c63 rgb(10,76,99)
```
#0c5a74
```
#0c5a74 rgb(12,90,116)
```
#0e6886
```
#0e6886 rgb(14,104,134)
```
#107598
```
#107598 rgb(16,117,152)
```
#1183aa
```
#1183aa rgb(17,131,170)
```
#1391bc
```
#1391bc rgb(19,145,188)
```
#159fcd
```
#159fcd rgb(21,159,205)
```
#17acdf
```
#17acdf rgb(23,172,223)
```

Shade Color Variation

#22b6e8
```
#22b6e8 rgb(34,182,232)
```
#33bcea
```
#33bcea rgb(51,188,234)
```
#45c2ec
```
#45c2ec rgb(69,194,236)
```
#57c8ee
```
#57c8ee rgb(87,200,238)
```
#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#7ad3f1
```
#7ad3f1 rgb(122,211,241)
```
#8cd9f3
```
#8cd9f3 rgb(140,217,243)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#b0e5f7
```
#b0e5f7 rgb(176,229,247)
```
#c2ebf9
```
#c2ebf9 rgb(194,235,249)
```
#d3f1fa
```
#d3f1fa rgb(211,241,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, #c7cbcc is the less saturated color, while #96e3fd is the most saturated one.

#c7cbcc
```
#c7cbcc rgb(199,203,204)
```
#c3cdd0
```
#c3cdd0 rgb(195,205,208)
```
#bfcfd4
```
#bfcfd4 rgb(191,207,212)
```
#bbd1d8
```
#bbd1d8 rgb(187,209,216)
```
#b7d3dc
```
#b7d3dc rgb(183,211,220)
```
#b3d5e0
```
#b3d5e0 rgb(179,213,224)
```
#aed7e5
```
#aed7e5 rgb(174,215,229)
```
#aad9e9
```
#aad9e9 rgb(170,217,233)
```
#a6dbed
```
#a6dbed rgb(166,219,237)
```
#a2ddf1
```
#a2ddf1 rgb(162,221,241)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#9ae1f9
```
#9ae1f9 rgb(154,225,249)
```
#96e3fd
```
#96e3fd rgb(150,227,253)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c4d1d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d5ef Protanopia 1% of men
#d9d2fa Deuteranopia 1% of men
#a1e1f1 Tritanopia 0.001% of the population

Trichromacy

#c0d9f1 Protanomaly 1% of men, 0.01% of women
#c3d7f8 Deuteranomaly 6% of men, 0.4% of women
#a0e0f2 Tritanomaly 0.01% of the population

#9edff5 hex color

#9edff5 Color Information

#9edff5 Color Conversion

Color Schemes with #9edff5

Alternatives to #9edff5

#9edff5 Preview

Shades and Tints of #9edff5

Tones of #9edff5

Color Blindness Simulator