#9ec2f5 hex color

In a RGB color space, hex #9ec2f5 is composed of 62% red, 76.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 20.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 215.2 degrees, a saturation of 81.3% and a lightness of 79%. #9ec2f5 color hex could be obtained by blending #ffffff with #3d85eb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 62
- G 76
- B 96
RGB color chart
- C 36
- M 21
- Y 0
- K 4
CMYK color chart

● #9ec2f5 color description : Very soft blue.

The hexadecimal color #9ec2f5 has RGB values of R:158, G:194, B:245 and CMYK values of C:0.36, M:0.21, Y:0, K:0.04. Its decimal value is 10404597.

Hex triplet	9ec2f5	`#9ec2f5`
RGB Decimal	158, 194, 245	`rgb(158,194,245)`
RGB Percent	62, 76.1, 96.1	`rgb(62%,76.1%,96.1%)`
CMYK	36, 21, 0, 4
HSL	215.2°, 81.3, 79	`hsl(215.2,81.3%,79%)`
HSV (or HSB)	215.2°, 35.5, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.545, 0.065, -29.069
XYZ	49.87, 52.444, 93.876
xyY	0.254, 0.267, 52.444
CIE-LCH	77.545, 29.069, 270.128
CIE-LUV	77.545, -19.595, -46.592
Hunter-Lab	72.418, -3.808, -26.166
Binary	10011110, 11000010, 11110101

#9ec2f5
```
#9ec2f5 rgb(158,194,245)
```
#f5d19e
```
#f5d19e rgb(245,209,158)
```

Complementary Color

#9eeef5
```
#9eeef5 rgb(158,238,245)
```
#9ec2f5
```
#9ec2f5 rgb(158,194,245)
```
#a69ef5
```
#a69ef5 rgb(166,158,245)
```

Analogous Color

#eef59e
```
#eef59e rgb(238,245,158)
```
#9ec2f5
```
#9ec2f5 rgb(158,194,245)
```
#f5a69e
```
#f5a69e rgb(245,166,158)
```

Split Complementary Color

#c2f59e
```
#c2f59e rgb(194,245,158)
```
#9ec2f5
```
#9ec2f5 rgb(158,194,245)
```
#f59ec2
```
#f59ec2 rgb(245,158,194)
```

Triadic Color

#9ef5d1
```
#9ef5d1 rgb(158,245,209)
```
#9ec2f5
```
#9ec2f5 rgb(158,194,245)
```
#f59ec2
```
#f59ec2 rgb(245,158,194)
```
#f5d19e
```
#f5d19e rgb(245,209,158)
```

Tetradic Color

#5996ee
```
#5996ee rgb(89,150,238)
```
#70a5f0
```
#70a5f0 rgb(112,165,240)
```
#87b3f3
```
#87b3f3 rgb(135,179,243)
```
#9ec2f5
```
#9ec2f5 rgb(158,194,245)
```
#b5d1f7
```
#b5d1f7 rgb(181,209,247)
```
#ccdffa
```
#ccdffa rgb(204,223,250)
```
#e3eefc
```
#e3eefc rgb(227,238,252)
```

Monochromatic Color

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

#9ed8f5
```
#9ed8f5 rgb(158,216,245)
```
#9ed1f5
```
#9ed1f5 rgb(158,209,245)
```
#9ec9f5
```
#9ec9f5 rgb(158,201,245)
```
#9ec2f5
```
#9ec2f5 rgb(158,194,245)
```
#9ebbf5
```
#9ebbf5 rgb(158,187,245)
```
#9eb4f5
```
#9eb4f5 rgb(158,180,245)
```
#9eacf5
```
#9eacf5 rgb(158,172,245)
```

Similar Colors

Text with hexadecimal color #9ec2f5

This text has a font color of #9ec2f5.

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

#9ec2f5 background color

This paragraph has a background color of #9ec2f5.

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

#9ec2f5 border color

This element has a border color of #9ec2f5.

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

CSS codes

.text {color:#9ec2f5;}

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

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

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, #01050a is the darkest color, while #f7fafe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#030d1b
```
#030d1b rgb(3,13,27)
```
#05152d
```
#05152d rgb(5,21,45)
```
#061e3f
```
#061e3f rgb(6,30,63)
```
#082651
```
#082651 rgb(8,38,81)
```
#0a2f63
```
#0a2f63 rgb(10,47,99)
```
#0c3774
```
#0c3774 rgb(12,55,116)
```
#0e4086
```
#0e4086 rgb(14,64,134)
```
#104898
```
#104898 rgb(16,72,152)
```
#1150aa
```
#1150aa rgb(17,80,170)
```
#1359bc
```
#1359bc rgb(19,89,188)
```
#1561cd
```
#1561cd rgb(21,97,205)
```
#176adf
```
#176adf rgb(23,106,223)
```

Shade Color Variation

#2274e8
```
#2274e8 rgb(34,116,232)
```
#337fea
```
#337fea rgb(51,127,234)
```
#458aec
```
#458aec rgb(69,138,236)
```
#5795ee
```
#5795ee rgb(87,149,238)
```
#69a0f0
```
#69a0f0 rgb(105,160,240)
```
#7aacf1
```
#7aacf1 rgb(122,172,241)
```
#8cb7f3
```
#8cb7f3 rgb(140,183,243)
```
#9ec2f5
```
#9ec2f5 rgb(158,194,245)
```
#b0cdf7
```
#b0cdf7 rgb(176,205,247)
```
#c2d8f9
```
#c2d8f9 rgb(194,216,249)
```
#d3e4fa
```
#d3e4fa rgb(211,228,250)
```
#e5effc
```
#e5effc rgb(229,239,252)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#c7c9cc
```
#c7c9cc rgb(199,201,204)
```
#c3c8d0
```
#c3c8d0 rgb(195,200,208)
```
#bfc8d4
```
#bfc8d4 rgb(191,200,212)
```
#bbc7d8
```
#bbc7d8 rgb(187,199,216)
```
#b7c6dc
```
#b7c6dc rgb(183,198,220)
```
#b3c6e0
```
#b3c6e0 rgb(179,198,224)
```
#aec5e5
```
#aec5e5 rgb(174,197,229)
```
#aac4e9
```
#aac4e9 rgb(170,196,233)
```
#a6c3ed
```
#a6c3ed rgb(166,195,237)
```
#a2c3f1
```
#a2c3f1 rgb(162,195,241)
```
#9ec2f5
```
#9ec2f5 rgb(158,194,245)
```
#9ac1f9
```
#9ac1f9 rgb(154,193,249)
```
#96c1fd
```
#96c1fd rgb(150,193,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b7bec8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5c0f2 Protanopia 1% of men
#b7bff7 Deuteranopia 1% of men
#9acad9 Tritanopia 0.001% of the population

Trichromacy

#acc1f3 Protanomaly 1% of men, 0.01% of women
#adc0f6 Deuteranomaly 6% of men, 0.4% of women
#9bc7e3 Tritanomaly 0.01% of the population

#9ec2f5 hex color

#9ec2f5 Color Information

#9ec2f5 Color Conversion

Color Schemes with #9ec2f5

Alternatives to #9ec2f5

#9ec2f5 Preview

Shades and Tints of #9ec2f5

Tones of #9ec2f5

Color Blindness Simulator