colorhexa.com

#9ed9f6 hex color

In a RGB color space, hex #9ed9f6 is composed of 62% red, 85.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 11.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 199.8 degrees, a saturation of 83% and a lightness of 79.2%. #9ed9f6 color hex could be obtained by blending #ffffff with #3db3ed. Closest websafe color is: #99ccff.

- R 62
- G 85
- B 96
RGB color chart
- C 36
- M 12
- Y 0
- K 4
CMYK color chart

● #9ed9f6 color description : Very soft blue.

The hexadecimal color #9ed9f6 has RGB values of R:158, G:217, B:246 and CMYK values of C:0.36, M:0.12, Y:0, K:0.04. Its decimal value is 10410486.

Hex triplet	9ed9f6	`#9ed9f6`
RGB Decimal	158, 217, 246	`rgb(158,217,246)`
RGB Percent	62, 85.1, 96.5	`rgb(62%,85.1%,96.5%)`
CMYK	36, 12, 0, 4
HSL	199.8°, 83, 79.2	`hsl(199.8,83%,79.2%)`
HSV (or HSB)	199.8°, 35.8, 96.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.729, -11.841, -20.18
XYZ	55.544, 63.546, 96.523
xyY	0.258, 0.295, 63.546
CIE-LCH	83.729, 23.397, 239.597
CIE-LUV	83.729, -29.076, -30.289
Hunter-Lab	79.716, -15.129, -15.989
Binary	10011110, 11011001, 11110110

#9ed9f6
```
#9ed9f6 rgb(158,217,246)
```
#f6bb9e
```
#f6bb9e rgb(246,187,158)
```

Complementary Color

#9ef6e7
```
#9ef6e7 rgb(158,246,231)
```
#9ed9f6
```
#9ed9f6 rgb(158,217,246)
```
#9eadf6
```
#9eadf6 rgb(158,173,246)
```

Analogous Color

#f6e79e
```
#f6e79e rgb(246,231,158)
```
#9ed9f6
```
#9ed9f6 rgb(158,217,246)
```
#f69ead
```
#f69ead rgb(246,158,173)
```

Split Complementary Color

#d9f69e
```
#d9f69e rgb(217,246,158)
```
#9ed9f6
```
#9ed9f6 rgb(158,217,246)
```
#f69ed9
```
#f69ed9 rgb(246,158,217)
```

Triadic Color

#9ef6bb
```
#9ef6bb rgb(158,246,187)
```
#9ed9f6
```
#9ed9f6 rgb(158,217,246)
```
#f69ed9
```
#f69ed9 rgb(246,158,217)
```
#f6bb9e
```
#f6bb9e rgb(246,187,158)
```

Tetradic Color

#58bef0
```
#58bef0 rgb(88,190,240)
```
#6fc7f2
```
#6fc7f2 rgb(111,199,242)
```
#87d0f4
```
#87d0f4 rgb(135,208,244)
```
#9ed9f6
```
#9ed9f6 rgb(158,217,246)
```
#b5e2f8
```
#b5e2f8 rgb(181,226,248)
```
#cdebfa
```
#cdebfa rgb(205,235,250)
```
#e4f4fc
```
#e4f4fc rgb(228,244,252)
```

Monochromatic Color

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

#9eeff6
```
#9eeff6 rgb(158,239,246)
```
#9ee8f6
```
#9ee8f6 rgb(158,232,246)
```
#9ee0f6
```
#9ee0f6 rgb(158,224,246)
```
#9ed9f6
```
#9ed9f6 rgb(158,217,246)
```
#9ed2f6
```
#9ed2f6 rgb(158,210,246)
```
#9ecaf6
```
#9ecaf6 rgb(158,202,246)
```
#9ec3f6
```
#9ec3f6 rgb(158,195,246)
```

Similar Colors

Text with hexadecimal color #9ed9f6

This text has a font color of #9ed9f6.

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

#9ed9f6 background color

This paragraph has a background color of #9ed9f6.

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

#9ed9f6 border color

This element has a border color of #9ed9f6.

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

CSS codes

.text {color:#9ed9f6;}

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

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

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, #01080b is the darkest color, while #f8fcfe is the lightest one.

#01080b
```
#01080b rgb(1,8,11)
```
#03141d
```
#03141d rgb(3,20,29)
```
#04212f
```
#04212f rgb(4,33,47)
```
#062d41
```
#062d41 rgb(6,45,65)
```
#083a52
```
#083a52 rgb(8,58,82)
```
#094664
```
#094664 rgb(9,70,100)
```
#0b5376
```
#0b5376 rgb(11,83,118)
```
#0d6088
```
#0d6088 rgb(13,96,136)
```
#0e6c9a
```
#0e6c9a rgb(14,108,154)
```
#1079ac
```
#1079ac rgb(16,121,172)
```
#1285be
```
#1285be rgb(18,133,190)
```
#1392d0
```
#1392d0 rgb(19,146,208)
```
#159fe2
```
#159fe2 rgb(21,159,226)
```

Shade Color Variation

#20a8ea
```
#20a8ea rgb(32,168,234)
```
#32afec
```
#32afec rgb(50,175,236)
```
#44b6ee
```
#44b6ee rgb(68,182,238)
```
#56bdef
```
#56bdef rgb(86,189,239)
```
#68c4f1
```
#68c4f1 rgb(104,196,241)
```
#7acbf3
```
#7acbf3 rgb(122,203,243)
```
#8cd2f4
```
#8cd2f4 rgb(140,210,244)
```
#9ed9f6
```
#9ed9f6 rgb(158,217,246)
```
#b0e0f8
```
#b0e0f8 rgb(176,224,248)
```
#c2e7f9
```
#c2e7f9 rgb(194,231,249)
```
#d4eefb
```
#d4eefb rgb(212,238,251)
```
#e6f5fd
```
#e6f5fd rgb(230,245,253)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#c7cbcd
```
#c7cbcd rgb(199,203,205)
```
#c3ccd1
```
#c3ccd1 rgb(195,204,209)
```
#bfced5
```
#bfced5 rgb(191,206,213)
```
#bbcfd9
```
#bbcfd9 rgb(187,207,217)
```
#b6d1de
```
#b6d1de rgb(182,209,222)
```
#b2d2e2
```
#b2d2e2 rgb(178,210,226)
```
#aed3e6
```
#aed3e6 rgb(174,211,230)
```
#aad5ea
```
#aad5ea rgb(170,213,234)
```
#a6d6ee
```
#a6d6ee rgb(166,214,238)
```
#a2d8f2
```
#a2d8f2 rgb(162,216,242)
```
#9ed9f6
```
#9ed9f6 rgb(158,217,246)
```
#9adafa
```
#9adafa rgb(154,218,250)
```
#96dcfe
```
#96dcfe rgb(150,220,254)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c2ced4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd1f0 Protanopia 1% of men
#d1cefa Deuteranopia 1% of men
#a0dcec Tritanopia 0.001% of the population

Trichromacy

#bcd4f2 Protanomaly 1% of men, 0.01% of women
#bfd2f9 Deuteranomaly 6% of men, 0.4% of women
#9fdbf0 Tritanomaly 0.01% of the population