#9baefe hex color

In a RGB color space, hex #9baefe is composed of 60.8% red, 68.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 31.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.5 degrees, a saturation of 98% and a lightness of 80.2%. #9baefe color hex could be obtained by blending #ffffff with #375dfd. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 68
- B 100
RGB color chart
- C 39
- M 31
- Y 0
- K 0
CMYK color chart

● #9baefe color description : Very soft blue.

The hexadecimal color #9baefe has RGB values of R:155, G:174, B:254 and CMYK values of C:0.39, M:0.31, Y:0, K:0. Its decimal value is 10202878.

Hex triplet	9baefe	`#9baefe`
RGB Decimal	155, 174, 254	`rgb(155,174,254)`
RGB Percent	60.8, 68.2, 99.6	`rgb(60.8%,68.2%,99.6%)`
CMYK	39, 31, 0, 0
HSL	228.5°, 98, 80.2	`hsl(228.5,98%,80.2%)`
HSV (or HSB)	228.5°, 39, 99.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.492, 12.662, -41.755
XYZ	46.539, 44.395, 99.877
xyY	0.244, 0.233, 44.395
CIE-LCH	72.492, 43.632, 286.869
CIE-LUV	72.492, -13.106, -69.319
Hunter-Lab	66.63, 8.077, -42.235
Binary	10011011, 10101110, 11111110

#9baefe
```
#9baefe rgb(155,174,254)
```
#feeb9b
```
#feeb9b rgb(254,235,155)
```

Complementary Color

#9be0fe
```
#9be0fe rgb(155,224,254)
```
#9baefe
```
#9baefe rgb(155,174,254)
```
#ba9bfe
```
#ba9bfe rgb(186,155,254)
```

Analogous Color

#e0fe9b
```
#e0fe9b rgb(224,254,155)
```
#9baefe
```
#9baefe rgb(155,174,254)
```
#feba9b
```
#feba9b rgb(254,186,155)
```

Split Complementary Color

#aefe9b
```
#aefe9b rgb(174,254,155)
```
#9baefe
```
#9baefe rgb(155,174,254)
```
#fe9bae
```
#fe9bae rgb(254,155,174)
```

Triadic Color

#9bfeeb
```
#9bfeeb rgb(155,254,235)
```
#9baefe
```
#9baefe rgb(155,174,254)
```
#fe9bae
```
#fe9bae rgb(254,155,174)
```
#feeb9b
```
#feeb9b rgb(254,235,155)
```

Tetradic Color

#4f71fd
```
#4f71fd rgb(79,113,253)
```
#6985fd
```
#6985fd rgb(105,133,253)
```
#829afe
```
#829afe rgb(130,154,254)
```
#9baefe
```
#9baefe rgb(155,174,254)
```
#b4c2fe
```
#b4c2fe rgb(180,194,254)
```
#cdd7ff
```
#cdd7ff rgb(205,215,255)
```
#e7ebff
```
#e7ebff rgb(231,235,255)
```

Monochromatic Color

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

#9bc7fe
```
#9bc7fe rgb(155,199,254)
```
#9bbffe
```
#9bbffe rgb(155,191,254)
```
#9bb6fe
```
#9bb6fe rgb(155,182,254)
```
#9baefe
```
#9baefe rgb(155,174,254)
```
#9ba6fe
```
#9ba6fe rgb(155,166,254)
```
#9b9efe
```
#9b9efe rgb(155,158,254)
```
#a19bfe
```
#a19bfe rgb(161,155,254)
```

Similar Colors

Text with hexadecimal color #9baefe

This text has a font color of #9baefe.

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

#9baefe background color

This paragraph has a background color of #9baefe.

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

#9baefe border color

This element has a border color of #9baefe.

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

CSS codes

.text {color:#9baefe;}

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

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

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

#000311
```
#000311 rgb(0,3,17)
```
#000724
```
#000724 rgb(0,7,36)
```
#010b37
```
#010b37 rgb(1,11,55)
```
#010f4b
```
#010f4b rgb(1,15,75)
```
#01135e
```
#01135e rgb(1,19,94)
```
#011772
```
#011772 rgb(1,23,114)
```
#011b85
```
#011b85 rgb(1,27,133)
```
#021e98
```
#021e98 rgb(2,30,152)
```
#0222ac
```
#0222ac rgb(2,34,172)
```
#0226bf
```
#0226bf rgb(2,38,191)
```
#022ad3
```
#022ad3 rgb(2,42,211)
```
#022ee6
```
#022ee6 rgb(2,46,230)
```
#0232fa
```
#0232fa rgb(2,50,250)
```

Shade Color Variation

#1340fd
```
#1340fd rgb(19,64,253)
```
#2650fd
```
#2650fd rgb(38,80,253)
```
#3a5ffd
```
#3a5ffd rgb(58,95,253)
```
#4d6ffd
```
#4d6ffd rgb(77,111,253)
```
#617ffd
```
#617ffd rgb(97,127,253)
```
#748ffe
```
#748ffe rgb(116,143,254)
```
#889efe
```
#889efe rgb(136,158,254)
```
#9baefe
```
#9baefe rgb(155,174,254)
```
#aebefe
```
#aebefe rgb(174,190,254)
```
#c2cdfe
```
#c2cdfe rgb(194,205,254)
```
#d5ddff
```
#d5ddff rgb(213,221,255)
```
#e9edff
```
#e9edff rgb(233,237,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#cacbcf
```
#cacbcf rgb(202,203,207)
```
#c6c8d3
```
#c6c8d3 rgb(198,200,211)
```
#c2c6d7
```
#c2c6d7 rgb(194,198,215)
```
#bec4db
```
#bec4db rgb(190,196,219)
```
#bac1df
```
#bac1df rgb(186,193,223)
```
#b6bfe3
```
#b6bfe3 rgb(182,191,227)
```
#b2bce7
```
#b2bce7 rgb(178,188,231)
```
#aebaeb
```
#aebaeb rgb(174,186,235)
```
#abb8ee
```
#abb8ee rgb(171,184,238)
```
#a7b5f2
```
#a7b5f2 rgb(167,181,242)
```
#a3b3f6
```
#a3b3f6 rgb(163,179,246)
```
#9fb0fa
```
#9fb0fa rgb(159,176,250)
```
#9baefe
```
#9baefe rgb(155,174,254)
```

Tone Color Variation

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

Dichromacy

#9bb3fe Protanopia 1% of men
#97b4fd Deuteranopia 1% of men
#90bcca Tritanopia 0.001% of the population

Trichromacy

#9bb1fe Protanomaly 1% of men, 0.01% of women
#98b2fd Deuteranomaly 6% of men, 0.4% of women
#94b7dd Tritanomaly 0.01% of the population

#9baefe hex color

#9baefe Color Information

#9baefe Color Conversion

Color Schemes with #9baefe

Alternatives to #9baefe

#9baefe Preview

Shades and Tints of #9baefe

Tones of #9baefe

Color Blindness Simulator