#9ed2f1 hex color

In a RGB color space, hex #9ed2f1 is composed of 62% red, 82.4% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 12.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 202.4 degrees, a saturation of 74.8% and a lightness of 78.2%. #9ed2f1 color hex could be obtained by blending #ffffff with #3da5e3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 62
- G 82
- B 95
RGB color chart
- C 34
- M 13
- Y 0
- K 5
CMYK color chart

● #9ed2f1 color description : Very soft blue.

The hexadecimal color #9ed2f1 has RGB values of R:158, G:210, B:241 and CMYK values of C:0.34, M:0.13, Y:0, K:0.05. Its decimal value is 10408689.

Hex triplet	9ed2f1	`#9ed2f1`
RGB Decimal	158, 210, 241	`rgb(158,210,241)`
RGB Percent	62, 82.4, 94.5	`rgb(62%,82.4%,94.5%)`
CMYK	34, 13, 0, 5
HSL	202.4°, 74.8, 78.2	`hsl(202.4,74.8%,78.2%)`
HSV (or HSB)	202.4°, 34.4, 94.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.681, -9.441, -20.625
XYZ	53.021, 59.711, 91.946
xyY	0.259, 0.292, 59.711
CIE-LCH	81.681, 22.683, 245.403
CIE-LUV	81.681, -26.168, -31.295
Hunter-Lab	77.273, -12.75, -16.457
Binary	10011110, 11010010, 11110001

#9ed2f1
```
#9ed2f1 rgb(158,210,241)
```
#f1bd9e
```
#f1bd9e rgb(241,189,158)
```

Complementary Color

#9ef1e7
```
#9ef1e7 rgb(158,241,231)
```
#9ed2f1
```
#9ed2f1 rgb(158,210,241)
```
#9ea9f1
```
#9ea9f1 rgb(158,169,241)
```

Analogous Color

#f1e79e
```
#f1e79e rgb(241,231,158)
```
#9ed2f1
```
#9ed2f1 rgb(158,210,241)
```
#f19ea9
```
#f19ea9 rgb(241,158,169)
```

Split Complementary Color

#d2f19e
```
#d2f19e rgb(210,241,158)
```
#9ed2f1
```
#9ed2f1 rgb(158,210,241)
```
#f19ed2
```
#f19ed2 rgb(241,158,210)
```

Triadic Color

#9ef1bd
```
#9ef1bd rgb(158,241,189)
```
#9ed2f1
```
#9ed2f1 rgb(158,210,241)
```
#f19ed2
```
#f19ed2 rgb(241,158,210)
```
#f1bd9e
```
#f1bd9e rgb(241,189,158)
```

Tetradic Color

#5bb3e7
```
#5bb3e7 rgb(91,179,231)
```
#71bdeb
```
#71bdeb rgb(113,189,235)
```
#88c8ee
```
#88c8ee rgb(136,200,238)
```
#9ed2f1
```
#9ed2f1 rgb(158,210,241)
```
#b4dcf4
```
#b4dcf4 rgb(180,220,244)
```
#cbe7f7
```
#cbe7f7 rgb(203,231,247)
```
#e1f1fb
```
#e1f1fb rgb(225,241,251)
```

Monochromatic Color

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

#9ee7f1
```
#9ee7f1 rgb(158,231,241)
```
#9ee0f1
```
#9ee0f1 rgb(158,224,241)
```
#9ed9f1
```
#9ed9f1 rgb(158,217,241)
```
#9ed2f1
```
#9ed2f1 rgb(158,210,241)
```
#9ecbf1
```
#9ecbf1 rgb(158,203,241)
```
#9ec4f1
```
#9ec4f1 rgb(158,196,241)
```
#9ebdf1
```
#9ebdf1 rgb(158,189,241)
```

Similar Colors

Text with hexadecimal color #9ed2f1

This text has a font color of #9ed2f1.

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

#9ed2f1 background color

This paragraph has a background color of #9ed2f1.

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

#9ed2f1 border color

This element has a border color of #9ed2f1.

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

CSS codes

.text {color:#9ed2f1;}

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

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

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, #010406 is the darkest color, while #f4fafd is the lightest one.

#010406
```
#010406 rgb(1,4,6)
```
#031017
```
#031017 rgb(3,16,23)
```
#061b28
```
#061b28 rgb(6,27,40)
```
#082739
```
#082739 rgb(8,39,57)
```
#0b334a
```
#0b334a rgb(11,51,74)
```
#0d3e5c
```
#0d3e5c rgb(13,62,92)
```
#104a6d
```
#104a6d rgb(16,74,109)
```
#12567e
```
#12567e rgb(18,86,126)
```
#15618f
```
#15618f rgb(21,97,143)
```
#176da0
```
#176da0 rgb(23,109,160)
```
#1a79b1
```
#1a79b1 rgb(26,121,177)
```
#1c84c2
```
#1c84c2 rgb(28,132,194)
```
#1f90d4
```
#1f90d4 rgb(31,144,212)
```

Shade Color Variation

#269ae0
```
#269ae0 rgb(38,154,224)
```
#37a2e2
```
#37a2e2 rgb(55,162,226)
```
#48aae5
```
#48aae5 rgb(72,170,229)
```
#59b2e7
```
#59b2e7 rgb(89,178,231)
```
#6bbaea
```
#6bbaea rgb(107,186,234)
```
#7cc2ec
```
#7cc2ec rgb(124,194,236)
```
#8dcaef
```
#8dcaef rgb(141,202,239)
```
#9ed2f1
```
#9ed2f1 rgb(158,210,241)
```
#afdaf3
```
#afdaf3 rgb(175,218,243)
```
#c0e2f6
```
#c0e2f6 rgb(192,226,246)
```
#d1eaf8
```
#d1eaf8 rgb(209,234,248)
```
#e3f2fb
```
#e3f2fb rgb(227,242,251)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

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

#c4c8cb
```
#c4c8cb rgb(196,200,203)
```
#c0c9cf
```
#c0c9cf rgb(192,201,207)
```
#bccad3
```
#bccad3 rgb(188,202,211)
```
#b8ccd7
```
#b8ccd7 rgb(184,204,215)
```
#b3cddc
```
#b3cddc rgb(179,205,220)
```
#afcee0
```
#afcee0 rgb(175,206,224)
```
#abcfe4
```
#abcfe4 rgb(171,207,228)
```
#a7d0e8
```
#a7d0e8 rgb(167,208,232)
```
#a2d1ed
```
#a2d1ed rgb(162,209,237)
```
#9ed2f1
```
#9ed2f1 rgb(158,210,241)
```
#9ad3f5
```
#9ad3f5 rgb(154,211,245)
```
#95d4fa
```
#95d4fa rgb(149,212,250)
```
#91d5fe
```
#91d5fe rgb(145,213,254)
```

Tone Color Variation

Below, you can see how #9ed2f1 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
#bec8cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7ccec Protanopia 1% of men
#cbc9f5 Deuteranopia 1% of men
#9fd6e5 Tritanopia 0.001% of the population

Trichromacy

#b8ceee Protanomaly 1% of men, 0.01% of women
#bbccf3 Deuteranomaly 6% of men, 0.4% of women
#9ed4e9 Tritanomaly 0.01% of the population

#9ed2f1 hex color

#9ed2f1 Color Information

#9ed2f1 Color Conversion

Color Schemes with #9ed2f1

Alternatives to #9ed2f1

#9ed2f1 Preview

Shades and Tints of #9ed2f1

Tones of #9ed2f1

Color Blindness Simulator