#9fb1e2 hex color

In a RGB color space, hex #9fb1e2 is composed of 62.4% red, 69.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 21.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 223.9 degrees, a saturation of 53.6% and a lightness of 75.5%. #9fb1e2 color hex could be obtained by blending #ffffff with #3f63c5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 69
- B 89
RGB color chart
- C 30
- M 22
- Y 0
- K 11
CMYK color chart

● #9fb1e2 color description : Very soft blue.

The hexadecimal color #9fb1e2 has RGB values of R:159, G:177, B:226 and CMYK values of C:0.3, M:0.22, Y:0, K:0.11. Its decimal value is 10465762.

Hex triplet	9fb1e2	`#9fb1e2`
RGB Decimal	159, 177, 226	`rgb(159,177,226)`
RGB Percent	62.4, 69.4, 88.6	`rgb(62.4%,69.4%,88.6%)`
CMYK	30, 22, 0, 11
HSL	223.9°, 53.6, 75.5	`hsl(223.9,53.6%,75.5%)`
HSV (or HSB)	223.9°, 29.6, 88.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.432, 4.868, -26.633
XYZ	43.745, 44.305, 78.194
xyY	0.263, 0.267, 44.305
CIE-LCH	72.432, 27.075, 280.358
CIE-LUV	72.432, -11.549, -42.792
Hunter-Lab	66.562, 0.827, -23.058
Binary	10011111, 10110001, 11100010

#9fb1e2
```
#9fb1e2 rgb(159,177,226)
```
#e2d09f
```
#e2d09f rgb(226,208,159)
```

Complementary Color

#9fd3e2
```
#9fd3e2 rgb(159,211,226)
```
#9fb1e2
```
#9fb1e2 rgb(159,177,226)
```
#af9fe2
```
#af9fe2 rgb(175,159,226)
```

Analogous Color

#d3e29f
```
#d3e29f rgb(211,226,159)
```
#9fb1e2
```
#9fb1e2 rgb(159,177,226)
```
#e2af9f
```
#e2af9f rgb(226,175,159)
```

Split Complementary Color

#b1e29f
```
#b1e29f rgb(177,226,159)
```
#9fb1e2
```
#9fb1e2 rgb(159,177,226)
```
#e29fb1
```
#e29fb1 rgb(226,159,177)
```

Triadic Color

#9fe2d0
```
#9fe2d0 rgb(159,226,208)
```
#9fb1e2
```
#9fb1e2 rgb(159,177,226)
```
#e29fb1
```
#e29fb1 rgb(226,159,177)
```
#e2d09f
```
#e2d09f rgb(226,208,159)
```

Tetradic Color

#6481d0
```
#6481d0 rgb(100,129,208)
```
#7891d6
```
#7891d6 rgb(120,145,214)
```
#8ba1dc
```
#8ba1dc rgb(139,161,220)
```
#9fb1e2
```
#9fb1e2 rgb(159,177,226)
```
#b3c1e8
```
#b3c1e8 rgb(179,193,232)
```
#c6d1ee
```
#c6d1ee rgb(198,209,238)
```
#dae1f4
```
#dae1f4 rgb(218,225,244)
```

Monochromatic Color

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

#9fc2e2
```
#9fc2e2 rgb(159,194,226)
```
#9fbce2
```
#9fbce2 rgb(159,188,226)
```
#9fb7e2
```
#9fb7e2 rgb(159,183,226)
```
#9fb1e2
```
#9fb1e2 rgb(159,177,226)
```
#9fabe2
```
#9fabe2 rgb(159,171,226)
```
#9fa6e2
```
#9fa6e2 rgb(159,166,226)
```
#9fa0e2
```
#9fa0e2 rgb(159,160,226)
```

Similar Colors

Text with hexadecimal color #9fb1e2

This text has a font color of #9fb1e2.

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

#9fb1e2 background color

This paragraph has a background color of #9fb1e2.

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

#9fb1e2 border color

This element has a border color of #9fb1e2.

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

CSS codes

.text {color:#9fb1e2;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070c19
```
#070c19 rgb(7,12,25)
```
#0c1328
```
#0c1328 rgb(12,19,40)
```
#111b37
```
#111b37 rgb(17,27,55)
```
#152246
```
#152246 rgb(21,34,70)
```
#1a2a55
```
#1a2a55 rgb(26,42,85)
```
#1e3164
```
#1e3164 rgb(30,49,100)
```
#233873
```
#233873 rgb(35,56,115)
```
#274082
```
#274082 rgb(39,64,130)
```
#2c4791
```
#2c4791 rgb(44,71,145)
```
#304ea0
```
#304ea0 rgb(48,78,160)
```
#3556af
```
#3556af rgb(53,86,175)
```
#395dbe
```
#395dbe rgb(57,93,190)
```

Shade Color Variation

#4568c7
```
#4568c7 rgb(69,104,199)
```
#5474cb
```
#5474cb rgb(84,116,203)
```
#6380d0
```
#6380d0 rgb(99,128,208)
```
#728cd4
```
#728cd4 rgb(114,140,212)
```
#8199d9
```
#8199d9 rgb(129,153,217)
```
#90a5dd
```
#90a5dd rgb(144,165,221)
```
#9fb1e2
```
#9fb1e2 rgb(159,177,226)
```
#aebde7
```
#aebde7 rgb(174,189,231)
```
#bdc9eb
```
#bdc9eb rgb(189,201,235)
```
#ccd6f0
```
#ccd6f0 rgb(204,214,240)
```
#dbe2f4
```
#dbe2f4 rgb(219,226,244)
```
#eaeef9
```
#eaeef9 rgb(234,238,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#bcbec5
```
#bcbec5 rgb(188,190,197)
```
#b7bcca
```
#b7bcca rgb(183,188,202)
```
#b2bacf
```
#b2bacf rgb(178,186,207)
```
#adb8d4
```
#adb8d4 rgb(173,184,212)
```
#a9b5d8
```
#a9b5d8 rgb(169,181,216)
```
#a4b3dd
```
#a4b3dd rgb(164,179,221)
```
#9fb1e2
```
#9fb1e2 rgb(159,177,226)
```
#9aafe7
```
#9aafe7 rgb(154,175,231)
```
#95adec
```
#95adec rgb(149,173,236)
```
#91aaf0
```
#91aaf0 rgb(145,170,240)
```
#8ca8f5
```
#8ca8f5 rgb(140,168,245)
```
#87a6fa
```
#87a6fa rgb(135,166,250)
```
#82a4ff
```
#82a4ff rgb(130,164,255)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#adb1bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b3e2 Protanopia 1% of men
#acb2e4 Deuteranopia 1% of men
#9cbac7 Tritanopia 0.001% of the population

Trichromacy

#a5b2e2 Protanomaly 1% of men, 0.01% of women
#a7b2e3 Deuteranomaly 6% of men, 0.4% of women
#9db6d1 Tritanomaly 0.01% of the population

#9fb1e2 hex color

#9fb1e2 Color Information

#9fb1e2 Color Conversion

Color Schemes with #9fb1e2

Alternatives to #9fb1e2

#9fb1e2 Preview

Shades and Tints of #9fb1e2

Tones of #9fb1e2

Color Blindness Simulator