#9ed2ed hex color

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

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

● #9ed2ed color description : Very soft blue.

The hexadecimal color #9ed2ed has RGB values of R:158, G:210, B:237 and CMYK values of C:0.33, M:0.11, Y:0, K:0.07. Its decimal value is 10408685.

Hex triplet	9ed2ed	`#9ed2ed`
RGB Decimal	158, 210, 237	`rgb(158,210,237)`
RGB Percent	62, 82.4, 92.9	`rgb(62%,82.4%,92.9%)`
CMYK	33, 11, 0, 7
HSL	200.5°, 68.7, 77.5	`hsl(200.5,68.7%,77.5%)`
HSV (or HSB)	200.5°, 33.3, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.552, -10.42, -18.69
XYZ	52.43, 59.475, 88.833
xyY	0.261, 0.296, 59.475
CIE-LCH	81.552, 21.398, 240.859
CIE-LUV	81.552, -26.153, -27.931
Hunter-Lab	77.12, -13.607, -14.311
Binary	10011110, 11010010, 11101101

#9ed2ed
```
#9ed2ed rgb(158,210,237)
```
#edb99e
```
#edb99e rgb(237,185,158)
```

Complementary Color

#9eede1
```
#9eede1 rgb(158,237,225)
```
#9ed2ed
```
#9ed2ed rgb(158,210,237)
```
#9eabed
```
#9eabed rgb(158,171,237)
```

Analogous Color

#ede19e
```
#ede19e rgb(237,225,158)
```
#9ed2ed
```
#9ed2ed rgb(158,210,237)
```
#ed9eab
```
#ed9eab rgb(237,158,171)
```

Split Complementary Color

#d2ed9e
```
#d2ed9e rgb(210,237,158)
```
#9ed2ed
```
#9ed2ed rgb(158,210,237)
```
#ed9ed2
```
#ed9ed2 rgb(237,158,210)
```

Triadic Color

#9eedb9
```
#9eedb9 rgb(158,237,185)
```
#9ed2ed
```
#9ed2ed rgb(158,210,237)
```
#ed9ed2
```
#ed9ed2 rgb(237,158,210)
```
#edb99e
```
#edb99e rgb(237,185,158)
```

Tetradic Color

#5db4e1
```
#5db4e1 rgb(93,180,225)
```
#73bee5
```
#73bee5 rgb(115,190,229)
```
#88c8e9
```
#88c8e9 rgb(136,200,233)
```
#9ed2ed
```
#9ed2ed rgb(158,210,237)
```
#b4dcf1
```
#b4dcf1 rgb(180,220,241)
```
#c9e6f5
```
#c9e6f5 rgb(201,230,245)
```
#dff0f9
```
#dff0f9 rgb(223,240,249)
```

Monochromatic Color

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

#9ee6ed
```
#9ee6ed rgb(158,230,237)
```
#9edfed
```
#9edfed rgb(158,223,237)
```
#9ed9ed
```
#9ed9ed rgb(158,217,237)
```
#9ed2ed
```
#9ed2ed rgb(158,210,237)
```
#9ecbed
```
#9ecbed rgb(158,203,237)
```
#9ec5ed
```
#9ec5ed rgb(158,197,237)
```
#9ebeed
```
#9ebeed rgb(158,190,237)
```

Similar Colors

Text with hexadecimal color #9ed2ed

This text has a font color of #9ed2ed.

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

#9ed2ed background color

This paragraph has a background color of #9ed2ed.

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

#9ed2ed border color

This element has a border color of #9ed2ed.

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

CSS codes

.text {color:#9ed2ed;}

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

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

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)
```
#030e13
```
#030e13 rgb(3,14,19)
```
#071a23
```
#071a23 rgb(7,26,35)
```
#0a2534
```
#0a2534 rgb(10,37,52)
```
#0d3144
```
#0d3144 rgb(13,49,68)
```
#103d55
```
#103d55 rgb(16,61,85)
```
#134966
```
#134966 rgb(19,73,102)
```
#165576
```
#165576 rgb(22,85,118)
```
#196187
```
#196187 rgb(25,97,135)
```
#1c6d97
```
#1c6d97 rgb(28,109,151)
```
#1f79a8
```
#1f79a8 rgb(31,121,168)
```
#2285b8
```
#2285b8 rgb(34,133,184)
```
#2591c9
```
#2591c9 rgb(37,145,201)
```

Shade Color Variation

#2a9cd8
```
#2a9cd8 rgb(42,156,216)
```
#3ba4db
```
#3ba4db rgb(59,164,219)
```
#4bacde
```
#4bacde rgb(75,172,222)
```
#5cb3e1
```
#5cb3e1 rgb(92,179,225)
```
#6cbbe4
```
#6cbbe4 rgb(108,187,228)
```
#7dc3e7
```
#7dc3e7 rgb(125,195,231)
```
#8dcaea
```
#8dcaea rgb(141,202,234)
```
#9ed2ed
```
#9ed2ed rgb(158,210,237)
```
#afdaf0
```
#afdaf0 rgb(175,218,240)
```
#bfe1f3
```
#bfe1f3 rgb(191,225,243)
```
#d0e9f6
```
#d0e9f6 rgb(208,233,246)
```
#e0f1f9
```
#e0f1f9 rgb(224,241,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 #8cd8ff is the most saturated one.

#c1c7ca
```
#c1c7ca rgb(193,199,202)
```
#bdc8ce
```
#bdc8ce rgb(189,200,206)
```
#b9cad2
```
#b9cad2 rgb(185,202,210)
```
#b4cbd7
```
#b4cbd7 rgb(180,203,215)
```
#b0ccdb
```
#b0ccdb rgb(176,204,219)
```
#abcee0
```
#abcee0 rgb(171,206,224)
```
#a7cfe4
```
#a7cfe4 rgb(167,207,228)
```
#a2d1e9
```
#a2d1e9 rgb(162,209,233)
```
#9ed2ed
```
#9ed2ed rgb(158,210,237)
```
#9ad3f1
```
#9ad3f1 rgb(154,211,241)
```
#95d5f6
```
#95d5f6 rgb(149,213,246)
```
#91d6fa
```
#91d6fa rgb(145,214,250)
```
#8cd8ff
```
#8cd8ff rgb(140,216,255)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#bec8ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cbe8 Protanopia 1% of men
#cdc9f1 Deuteranopia 1% of men
#a0d5e5 Tritanopia 0.001% of the population

Trichromacy

#b8ceea Protanomaly 1% of men, 0.01% of women
#bcccf0 Deuteranomaly 6% of men, 0.4% of women
#9fd4e8 Tritanomaly 0.01% of the population

#9ed2ed hex color

#9ed2ed Color Information

#9ed2ed Color Conversion

Color Schemes with #9ed2ed

Alternatives to #9ed2ed

#9ed2ed Preview

Shades and Tints of #9ed2ed

Tones of #9ed2ed

Color Blindness Simulator