#9ed1ed hex color

In a RGB color space, hex #9ed1ed is composed of 62% red, 82% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 11.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 201.3 degrees, a saturation of 68.7% and a lightness of 77.5%. #9ed1ed color hex could be obtained by blending #ffffff with #3da3db. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 62
- G 82
- B 93
RGB color chart
- C 33
- M 12
- Y 0
- K 7
CMYK color chart

● #9ed1ed color description : Very soft blue.

The hexadecimal color #9ed1ed has RGB values of R:158, G:209, B:237 and CMYK values of C:0.33, M:0.12, Y:0, K:0.07. Its decimal value is 10408429.

Hex triplet	9ed1ed	`#9ed1ed`
RGB Decimal	158, 209, 237	`rgb(158,209,237)`
RGB Percent	62, 82, 92.9	`rgb(62%,82%,92.9%)`
CMYK	33, 12, 0, 7
HSL	201.3°, 68.7, 77.5	`hsl(201.3,68.7%,77.5%)`
HSV (or HSB)	201.3°, 33.3, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.282, -9.9, -19.097
XYZ	52.184, 58.982, 88.751
xyY	0.261, 0.295, 58.982
CIE-LCH	81.282, 21.511, 242.599
CIE-LUV	81.282, -25.734, -28.672
Hunter-Lab	76.8, -13.114, -14.756
Binary	10011110, 11010001, 11101101

#9ed1ed
```
#9ed1ed rgb(158,209,237)
```
#edba9e
```
#edba9e rgb(237,186,158)
```

Complementary Color

#9eede2
```
#9eede2 rgb(158,237,226)
```
#9ed1ed
```
#9ed1ed rgb(158,209,237)
```
#9eaaed
```
#9eaaed rgb(158,170,237)
```

Analogous Color

#ede29e
```
#ede29e rgb(237,226,158)
```
#9ed1ed
```
#9ed1ed rgb(158,209,237)
```
#ed9eaa
```
#ed9eaa rgb(237,158,170)
```

Split Complementary Color

#d1ed9e
```
#d1ed9e rgb(209,237,158)
```
#9ed1ed
```
#9ed1ed rgb(158,209,237)
```
#ed9ed1
```
#ed9ed1 rgb(237,158,209)
```

Triadic Color

#9eedba
```
#9eedba rgb(158,237,186)
```
#9ed1ed
```
#9ed1ed rgb(158,209,237)
```
#ed9ed1
```
#ed9ed1 rgb(237,158,209)
```
#edba9e
```
#edba9e rgb(237,186,158)
```

Tetradic Color

#5db2e1
```
#5db2e1 rgb(93,178,225)
```
#73bde5
```
#73bde5 rgb(115,189,229)
```
#88c7e9
```
#88c7e9 rgb(136,199,233)
```
#9ed1ed
```
#9ed1ed rgb(158,209,237)
```
#b4dbf1
```
#b4dbf1 rgb(180,219,241)
```
#c9e5f5
```
#c9e5f5 rgb(201,229,245)
```
#dff0f9
```
#dff0f9 rgb(223,240,249)
```

Monochromatic Color

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

#9ee5ed
```
#9ee5ed rgb(158,229,237)
```
#9edeed
```
#9edeed rgb(158,222,237)
```
#9ed8ed
```
#9ed8ed rgb(158,216,237)
```
#9ed1ed
```
#9ed1ed rgb(158,209,237)
```
#9ecaed
```
#9ecaed rgb(158,202,237)
```
#9ec4ed
```
#9ec4ed rgb(158,196,237)
```
#9ebded
```
#9ebded rgb(158,189,237)
```

Similar Colors

Text with hexadecimal color #9ed1ed

This text has a font color of #9ed1ed.

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

#9ed1ed background color

This paragraph has a background color of #9ed1ed.

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

#9ed1ed border color

This element has a border color of #9ed1ed.

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

CSS codes

.text {color:#9ed1ed;}

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

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

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 #f1f8fc is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#030d13
```
#030d13 rgb(3,13,19)
```
#071923
```
#071923 rgb(7,25,35)
```
#0a2534
```
#0a2534 rgb(10,37,52)
```
#0d3144
```
#0d3144 rgb(13,49,68)
```
#103c55
```
#103c55 rgb(16,60,85)
```
#134866
```
#134866 rgb(19,72,102)
```
#165476
```
#165476 rgb(22,84,118)
```
#196087
```
#196087 rgb(25,96,135)
```
#1c6c97
```
#1c6c97 rgb(28,108,151)
```
#1f77a8
```
#1f77a8 rgb(31,119,168)
```
#2283b8
```
#2283b8 rgb(34,131,184)
```
#258fc9
```
#258fc9 rgb(37,143,201)
```

Shade Color Variation

#2a9ad8
```
#2a9ad8 rgb(42,154,216)
```
#3ba2db
```
#3ba2db rgb(59,162,219)
```
#4baade
```
#4baade rgb(75,170,222)
```
#5cb2e1
```
#5cb2e1 rgb(92,178,225)
```
#6cb9e4
```
#6cb9e4 rgb(108,185,228)
```
#7dc1e7
```
#7dc1e7 rgb(125,193,231)
```
#8dc9ea
```
#8dc9ea rgb(141,201,234)
```
#9ed1ed
```
#9ed1ed rgb(158,209,237)
```
#afd9f0
```
#afd9f0 rgb(175,217,240)
```
#bfe1f3
```
#bfe1f3 rgb(191,225,243)
```
#d0e9f6
```
#d0e9f6 rgb(208,233,246)
```
#e0f0f9
```
#e0f0f9 rgb(224,240,249)
```
#f1f8fc
```
#f1f8fc rgb(241,248,252)
```

Tint Color Variation

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

#c1c7ca
```
#c1c7ca rgb(193,199,202)
```
#bdc8ce
```
#bdc8ce rgb(189,200,206)
```
#b9c9d2
```
#b9c9d2 rgb(185,201,210)
```
#b4cbd7
```
#b4cbd7 rgb(180,203,215)
```
#b0ccdb
```
#b0ccdb rgb(176,204,219)
```
#abcde0
```
#abcde0 rgb(171,205,224)
```
#a7cee4
```
#a7cee4 rgb(167,206,228)
```
#a2d0e9
```
#a2d0e9 rgb(162,208,233)
```
#9ed1ed
```
#9ed1ed rgb(158,209,237)
```
#9ad2f1
```
#9ad2f1 rgb(154,210,241)
```
#95d4f6
```
#95d4f6 rgb(149,212,246)
```
#91d5fa
```
#91d5fa rgb(145,213,250)
```
#8cd6ff
```
#8cd6ff rgb(140,214,255)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#bdc7cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cbe8 Protanopia 1% of men
#ccc8f1 Deuteranopia 1% of men
#a0d5e4 Tritanopia 0.001% of the population

Trichromacy

#b8cdea Protanomaly 1% of men, 0.01% of women
#bbcbf0 Deuteranomaly 6% of men, 0.4% of women
#9fd3e7 Tritanomaly 0.01% of the population

#9ed1ed hex color

#9ed1ed Color Information

#9ed1ed Color Conversion

Color Schemes with #9ed1ed

Alternatives to #9ed1ed

#9ed1ed Preview

Shades and Tints of #9ed1ed

Tones of #9ed1ed

Color Blindness Simulator