#9fb5ec hex color

In a RGB color space, hex #9fb5ec is composed of 62.4% red, 71% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 23.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 222.9 degrees, a saturation of 67% and a lightness of 77.5%. #9fb5ec color hex could be obtained by blending #ffffff with #3f6bd9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 62
- G 71
- B 93
RGB color chart
- C 33
- M 23
- Y 0
- K 7
CMYK color chart

● #9fb5ec color description : Very soft blue.

The hexadecimal color #9fb5ec has RGB values of R:159, G:181, B:236 and CMYK values of C:0.33, M:0.23, Y:0, K:0.07. Its decimal value is 10466796.

Hex triplet	9fb5ec	`#9fb5ec`
RGB Decimal	159, 181, 236	`rgb(159,181,236)`
RGB Percent	62.4, 71, 92.5	`rgb(62.4%,71%,92.5%)`
CMYK	33, 23, 0, 7
HSL	222.9°, 67, 77.5	`hsl(222.9,67%,77.5%)`
HSV (or HSB)	222.9°, 32.6, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.852, 5.155, -29.886
XYZ	45.959, 46.474, 85.901
xyY	0.258, 0.261, 46.474
CIE-LCH	73.852, 30.328, 279.786
CIE-LUV	73.852, -13.579, -48.382
Hunter-Lab	68.172, 1.039, -26.99
Binary	10011111, 10110101, 11101100

#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#ecd69f
```
#ecd69f rgb(236,214,159)
```

Complementary Color

#9fdcec
```
#9fdcec rgb(159,220,236)
```
#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#b09fec
```
#b09fec rgb(176,159,236)
```

Analogous Color

#dcec9f
```
#dcec9f rgb(220,236,159)
```
#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#ecb09f
```
#ecb09f rgb(236,176,159)
```

Split Complementary Color

#b5ec9f
```
#b5ec9f rgb(181,236,159)
```
#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#ec9fb5
```
#ec9fb5 rgb(236,159,181)
```

Triadic Color

#9fecd6
```
#9fecd6 rgb(159,236,214)
```
#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#ec9fb5
```
#ec9fb5 rgb(236,159,181)
```
#ecd69f
```
#ecd69f rgb(236,214,159)
```

Tetradic Color

#5f84df
```
#5f84df rgb(95,132,223)
```
#7494e4
```
#7494e4 rgb(116,148,228)
```
#8aa5e8
```
#8aa5e8 rgb(138,165,232)
```
#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#b4c5f0
```
#b4c5f0 rgb(180,197,240)
```
#cad6f4
```
#cad6f4 rgb(202,214,244)
```
#dfe6f9
```
#dfe6f9 rgb(223,230,249)
```

Monochromatic Color

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

#9fc8ec
```
#9fc8ec rgb(159,200,236)
```
#9fc2ec
```
#9fc2ec rgb(159,194,236)
```
#9fbbec
```
#9fbbec rgb(159,187,236)
```
#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#9fafec
```
#9fafec rgb(159,175,236)
```
#9fa8ec
```
#9fa8ec rgb(159,168,236)
```
#9fa2ec
```
#9fa2ec rgb(159,162,236)
```

Similar Colors

Text with hexadecimal color #9fb5ec

This text has a font color of #9fb5ec.

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

#9fb5ec background color

This paragraph has a background color of #9fb5ec.

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

#9fb5ec border color

This element has a border color of #9fb5ec.

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

CSS codes

.text {color:#9fb5ec;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040813
```
#040813 rgb(4,8,19)
```
#070f23
```
#070f23 rgb(7,15,35)
```
#0a1633
```
#0a1633 rgb(10,22,51)
```
#0d1d44
```
#0d1d44 rgb(13,29,68)
```
#112454
```
#112454 rgb(17,36,84)
```
#142b64
```
#142b64 rgb(20,43,100)
```
#173275
```
#173275 rgb(23,50,117)
```
#1a3985
```
#1a3985 rgb(26,57,133)
```
#1e4096
```
#1e4096 rgb(30,64,150)
```
#2147a6
```
#2147a6 rgb(33,71,166)
```
#244eb6
```
#244eb6 rgb(36,78,182)
```
#2755c7
```
#2755c7 rgb(39,85,199)
```

Shade Color Variation

#2c5dd5
```
#2c5dd5 rgb(44,93,213)
```
#3d69d9
```
#3d69d9 rgb(61,105,217)
```
#4d76dc
```
#4d76dc rgb(77,118,220)
```
#5e83df
```
#5e83df rgb(94,131,223)
```
#6e8fe2
```
#6e8fe2 rgb(110,143,226)
```
#7e9ce6
```
#7e9ce6 rgb(126,156,230)
```
#8fa8e9
```
#8fa8e9 rgb(143,168,233)
```
#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#afc2ef
```
#afc2ef rgb(175,194,239)
```
#c0cef2
```
#c0cef2 rgb(192,206,242)
```
#d0dbf6
```
#d0dbf6 rgb(208,219,246)
```
#e0e7f9
```
#e0e7f9 rgb(224,231,249)
```
#f1f4fc
```
#f1f4fc rgb(241,244,252)
```

Tint Color Variation

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

#c2c4c9
```
#c2c4c9 rgb(194,196,201)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#bac0d1
```
#bac0d1 rgb(186,192,209)
```
#b5bed6
```
#b5bed6 rgb(181,190,214)
```
#b1bdda
```
#b1bdda rgb(177,189,218)
```
#acbbdf
```
#acbbdf rgb(172,187,223)
```
#a8b9e3
```
#a8b9e3 rgb(168,185,227)
```
#a3b7e8
```
#a3b7e8 rgb(163,183,232)
```
#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#9bb3f0
```
#9bb3f0 rgb(155,179,240)
```
#96b1f5
```
#96b1f5 rgb(150,177,245)
```
#92aff9
```
#92aff9 rgb(146,175,249)
```
#8dadfe
```
#8dadfe rgb(141,173,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b1b5c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab7ec Protanopia 1% of men
#acb6ed Deuteranopia 1% of men
#9bbfcc Tritanopia 0.001% of the population

Trichromacy

#a6b6ec Protanomaly 1% of men, 0.01% of women
#a7b6ed Deuteranomaly 6% of men, 0.4% of women
#9cbbd8 Tritanomaly 0.01% of the population

#9fb5ec hex color

#9fb5ec Color Information

#9fb5ec Color Conversion

Color Schemes with #9fb5ec

Alternatives to #9fb5ec

#9fb5ec Preview

Shades and Tints of #9fb5ec

Tones of #9fb5ec

Color Blindness Simulator