#9ed4f2 hex color

In a RGB color space, hex #9ed4f2 is composed of 62% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 34.7% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 201.4 degrees, a saturation of 76.4% and a lightness of 78.4%. #9ed4f2 color hex could be obtained by blending #ffffff with #3da9e5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 62
- G 83
- B 95
RGB color chart
- C 35
- M 12
- Y 0
- K 5
CMYK color chart

● #9ed4f2 color description : Very soft blue.

The hexadecimal color #9ed4f2 has RGB values of R:158, G:212, B:242 and CMYK values of C:0.35, M:0.12, Y:0, K:0.05. Its decimal value is 10409202.

Hex triplet	9ed4f2	`#9ed4f2`
RGB Decimal	158, 212, 242	`rgb(158,212,242)`
RGB Percent	62, 83.1, 94.9	`rgb(62%,83.1%,94.9%)`
CMYK	35, 12, 0, 5
HSL	201.4°, 76.4, 78.4	`hsl(201.4,76.4%,78.4%)`
HSV (or HSB)	201.4°, 34.7, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.252, -10.237, -20.292
XYZ	53.667, 60.765, 92.9
xyY	0.259, 0.293, 60.765
CIE-LCH	82.252, 22.728, 243.23
CIE-LUV	82.252, -27.004, -30.649
Hunter-Lab	77.952, -13.524, -16.094
Binary	10011110, 11010100, 11110010

#9ed4f2
```
#9ed4f2 rgb(158,212,242)
```
#f2bc9e
```
#f2bc9e rgb(242,188,158)
```

Complementary Color

#9ef2e6
```
#9ef2e6 rgb(158,242,230)
```
#9ed4f2
```
#9ed4f2 rgb(158,212,242)
```
#9eaaf2
```
#9eaaf2 rgb(158,170,242)
```

Analogous Color

#f2e69e
```
#f2e69e rgb(242,230,158)
```
#9ed4f2
```
#9ed4f2 rgb(158,212,242)
```
#f29eaa
```
#f29eaa rgb(242,158,170)
```

Split Complementary Color

#d4f29e
```
#d4f29e rgb(212,242,158)
```
#9ed4f2
```
#9ed4f2 rgb(158,212,242)
```
#f29ed4
```
#f29ed4 rgb(242,158,212)
```

Triadic Color

#9ef2bc
```
#9ef2bc rgb(158,242,188)
```
#9ed4f2
```
#9ed4f2 rgb(158,212,242)
```
#f29ed4
```
#f29ed4 rgb(242,158,212)
```
#f2bc9e
```
#f2bc9e rgb(242,188,158)
```

Tetradic Color

#5bb6e9
```
#5bb6e9 rgb(91,182,233)
```
#71c0ec
```
#71c0ec rgb(113,192,236)
```
#88caef
```
#88caef rgb(136,202,239)
```
#9ed4f2
```
#9ed4f2 rgb(158,212,242)
```
#b4def5
```
#b4def5 rgb(180,222,245)
```
#cbe8f8
```
#cbe8f8 rgb(203,232,248)
```
#e1f2fb
```
#e1f2fb rgb(225,242,251)
```

Monochromatic Color

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

#9ee9f2
```
#9ee9f2 rgb(158,233,242)
```
#9ee2f2
```
#9ee2f2 rgb(158,226,242)
```
#9edbf2
```
#9edbf2 rgb(158,219,242)
```
#9ed4f2
```
#9ed4f2 rgb(158,212,242)
```
#9ecdf2
```
#9ecdf2 rgb(158,205,242)
```
#9ec6f2
```
#9ec6f2 rgb(158,198,242)
```
#9ebff2
```
#9ebff2 rgb(158,191,242)
```

Similar Colors

Text with hexadecimal color #9ed4f2

This text has a font color of #9ed4f2.

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

#9ed4f2 background color

This paragraph has a background color of #9ed4f2.

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

#9ed4f2 border color

This element has a border color of #9ed4f2.

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

CSS codes

.text {color:#9ed4f2;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#031118
```
#031118 rgb(3,17,24)
```
#061d29
```
#061d29 rgb(6,29,41)
```
#08293b
```
#08293b rgb(8,41,59)
```
#0a344c
```
#0a344c rgb(10,52,76)
```
#0d405d
```
#0d405d rgb(13,64,93)
```
#0f4c6f
```
#0f4c6f rgb(15,76,111)
```
#115880
```
#115880 rgb(17,88,128)
```
#136491
```
#136491 rgb(19,100,145)
```
#1670a2
```
#1670a2 rgb(22,112,162)
```
#187cb4
```
#187cb4 rgb(24,124,180)
```
#1a88c5
```
#1a88c5 rgb(26,136,197)
```
#1d94d6
```
#1d94d6 rgb(29,148,214)
```

Shade Color Variation

#259ee2
```
#259ee2 rgb(37,158,226)
```
#36a6e4
```
#36a6e4 rgb(54,166,228)
```
#48aee6
```
#48aee6 rgb(72,174,230)
```
#59b5e9
```
#59b5e9 rgb(89,181,233)
```
#6abdeb
```
#6abdeb rgb(106,189,235)
```
#7bc5ed
```
#7bc5ed rgb(123,197,237)
```
#8dccf0
```
#8dccf0 rgb(141,204,240)
```
#9ed4f2
```
#9ed4f2 rgb(158,212,242)
```
#afdcf4
```
#afdcf4 rgb(175,220,244)
```
#c1e3f7
```
#c1e3f7 rgb(193,227,247)
```
#d2ebf9
```
#d2ebf9 rgb(210,235,249)
```
#e3f3fb
```
#e3f3fb rgb(227,243,251)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

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

#c4c9cc
```
#c4c9cc rgb(196,201,204)
```
#c0cad0
```
#c0cad0 rgb(192,202,208)
```
#bcccd4
```
#bcccd4 rgb(188,204,212)
```
#b7cdd9
```
#b7cdd9 rgb(183,205,217)
```
#b3cedd
```
#b3cedd rgb(179,206,221)
```
#afcfe1
```
#afcfe1 rgb(175,207,225)
```
#abd0e5
```
#abd0e5 rgb(171,208,229)
```
#a6d2ea
```
#a6d2ea rgb(166,210,234)
```
#a2d3ee
```
#a2d3ee rgb(162,211,238)
```
#9ed4f2
```
#9ed4f2 rgb(158,212,242)
```
#9ad5f6
```
#9ad5f6 rgb(154,213,246)
```
#96d6fa
```
#96d6fa rgb(150,214,250)
```
#91d8ff
```
#91d8ff rgb(145,216,255)
```

Tone Color Variation

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

Dichromacy

#c8cded Protanopia 1% of men
#cdcbf6 Deuteranopia 1% of men
#9fd8e7 Tritanopia 0.001% of the population

Trichromacy

#b9cfef Protanomaly 1% of men, 0.01% of women
#bccef4 Deuteranomaly 6% of men, 0.4% of women
#9fd6eb Tritanomaly 0.01% of the population

#9ed4f2 hex color

#9ed4f2 Color Information

#9ed4f2 Color Conversion

Color Schemes with #9ed4f2

Alternatives to #9ed4f2

#9ed4f2 Preview

Shades and Tints of #9ed4f2

Tones of #9ed4f2

Color Blindness Simulator