#9ed2fd hex color

In a RGB color space, hex #9ed2fd is composed of 62% red, 82.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 17% magenta, 0% yellow and 0.8% black. It has a hue angle of 207.2 degrees, a saturation of 96% and a lightness of 80.6%. #9ed2fd color hex could be obtained by blending #ffffff with #3da5fb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 62
- G 82
- B 99
RGB color chart
- C 38
- M 17
- Y 0
- K 1
CMYK color chart

● #9ed2fd color description : Very soft blue.

The hexadecimal color #9ed2fd has RGB values of R:158, G:210, B:253 and CMYK values of C:0.38, M:0.17, Y:0, K:0.01. Its decimal value is 10408701.

Hex triplet	9ed2fd	`#9ed2fd`
RGB Decimal	158, 210, 253	`rgb(158,210,253)`
RGB Percent	62, 82.4, 99.2	`rgb(62%,82.4%,99.2%)`
CMYK	38, 17, 0, 1
HSL	207.2°, 96, 80.6	`hsl(207.2,96%,80.6%)`
HSV (or HSB)	207.2°, 37.5, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.083, -6.438, -26.393
XYZ	54.873, 60.452, 101.7
xyY	0.253, 0.279, 60.452
CIE-LCH	82.083, 27.167, 256.292
CIE-LUV	82.083, -26.217, -41.444
Hunter-Lab	77.751, -10.087, -23.127
Binary	10011110, 11010010, 11111101

#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#fdc99e
```
#fdc99e rgb(253,201,158)
```

Complementary Color

#9efdf9
```
#9efdf9 rgb(158,253,249)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#9ea3fd
```
#9ea3fd rgb(158,163,253)
```

Analogous Color

#fdf99e
```
#fdf99e rgb(253,249,158)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#fd9ea3
```
#fd9ea3 rgb(253,158,163)
```

Split Complementary Color

#d2fd9e
```
#d2fd9e rgb(210,253,158)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#fd9ed2
```
#fd9ed2 rgb(253,158,210)
```

Triadic Color

#9efdc9
```
#9efdc9 rgb(158,253,201)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#fd9ed2
```
#fd9ed2 rgb(253,158,210)
```
#fdc99e
```
#fdc99e rgb(253,201,158)
```

Tetradic Color

#53affb
```
#53affb rgb(83,175,251)
```
#6cbbfc
```
#6cbbfc rgb(108,187,252)
```
#85c6fc
```
#85c6fc rgb(133,198,252)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#b7defe
```
#b7defe rgb(183,222,254)
```
#d0e9fe
```
#d0e9fe rgb(208,233,254)
```
#e9f5ff
```
#e9f5ff rgb(233,245,255)
```

Monochromatic Color

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

#9eeafd
```
#9eeafd rgb(158,234,253)
```
#9ee2fd
```
#9ee2fd rgb(158,226,253)
```
#9edafd
```
#9edafd rgb(158,218,253)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#9ecafd
```
#9ecafd rgb(158,202,253)
```
#9ec2fd
```
#9ec2fd rgb(158,194,253)
```
#9ebafd
```
#9ebafd rgb(158,186,253)
```

Similar Colors

Text with hexadecimal color #9ed2fd

This text has a font color of #9ed2fd.

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

#9ed2fd background color

This paragraph has a background color of #9ed2fd.

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

#9ed2fd border color

This element has a border color of #9ed2fd.

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

CSS codes

.text {color:#9ed2fd;}

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

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

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, #000a12 is the darkest color, while #feffff is the lightest one.

#000a12
```
#000a12 rgb(0,10,18)
```
#011526
```
#011526 rgb(1,21,38)
```
#012039
```
#012039 rgb(1,32,57)
```
#022a4c
```
#022a4c rgb(2,42,76)
```
#02355f
```
#02355f rgb(2,53,95)
```
#024072
```
#024072 rgb(2,64,114)
```
#034a86
```
#034a86 rgb(3,74,134)
```
#035599
```
#035599 rgb(3,85,153)
```
#0460ac
```
#0460ac rgb(4,96,172)
```
#046abf
```
#046abf rgb(4,106,191)
```
#0475d3
```
#0475d3 rgb(4,117,211)
```
#0580e6
```
#0580e6 rgb(5,128,230)
```
#058bf9
```
#058bf9 rgb(5,139,249)
```

Shade Color Variation

#1794fa
```
#1794fa rgb(23,148,250)
```
#2b9dfb
```
#2b9dfb rgb(43,157,251)
```
#3ea5fb
```
#3ea5fb rgb(62,165,251)
```
#51aefb
```
#51aefb rgb(81,174,251)
```
#64b7fc
```
#64b7fc rgb(100,183,252)
```
#78c0fc
```
#78c0fc rgb(120,192,252)
```
#8bc9fd
```
#8bc9fd rgb(139,201,253)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#b1dbfd
```
#b1dbfd rgb(177,219,253)
```
#c4e4fe
```
#c4e4fe rgb(196,228,254)
```
#d8edfe
```
#d8edfe rgb(216,237,254)
```
#ebf6ff
```
#ebf6ff rgb(235,246,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cccecf
```
#cccecf rgb(204,206,207)
```
#c8ced3
```
#c8ced3 rgb(200,206,211)
```
#c4ced7
```
#c4ced7 rgb(196,206,215)
```
#c0cfdb
```
#c0cfdb rgb(192,207,219)
```
#bccfdf
```
#bccfdf rgb(188,207,223)
```
#b9cfe2
```
#b9cfe2 rgb(185,207,226)
```
#b5d0e6
```
#b5d0e6 rgb(181,208,230)
```
#b1d0ea
```
#b1d0ea rgb(177,208,234)
```
#add1ee
```
#add1ee rgb(173,209,238)
```
#a9d1f2
```
#a9d1f2 rgb(169,209,242)
```
#a6d1f5
```
#a6d1f5 rgb(166,209,245)
```
#a2d2f9
```
#a2d2f9 rgb(162,210,249)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#bfc9d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4ccf8 Protanopia 1% of men
#c6cbff Deuteranopia 1% of men
#9cd8e7 Tritanopia 0.001% of the population

Trichromacy

#b6cefa Protanomaly 1% of men, 0.01% of women
#b7cdfe Deuteranomaly 6% of men, 0.4% of women
#9cd5ef Tritanomaly 0.01% of the population

#9ed2fd hex color

#9ed2fd Color Information

#9ed2fd Color Conversion

Color Schemes with #9ed2fd

Alternatives to #9ed2fd

#9ed2fd Preview

Shades and Tints of #9ed2fd

Tones of #9ed2fd

Color Blindness Simulator