#9baffc hex color

In a RGB color space, hex #9baffc is composed of 60.8% red, 68.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 30.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 227.6 degrees, a saturation of 94.2% and a lightness of 79.8%. #9baffc color hex could be obtained by blending #ffffff with #375ff9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 69
- B 99
RGB color chart
- C 38
- M 31
- Y 0
- K 1
CMYK color chart

● #9baffc color description : Very soft blue.

The hexadecimal color #9baffc has RGB values of R:155, G:175, B:252 and CMYK values of C:0.38, M:0.31, Y:0, K:0.01. Its decimal value is 10203132.

Hex triplet	9baffc	`#9baffc`
RGB Decimal	155, 175, 252	`rgb(155,175,252)`
RGB Percent	60.8, 68.6, 98.8	`rgb(60.8%,68.6%,98.8%)`
CMYK	38, 31, 0, 1
HSL	227.6°, 94.2, 79.8	`hsl(227.6,94.2%,79.8%)`
HSV (or HSB)	227.6°, 38.5, 98.8
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.664, 11.565, -40.405
XYZ	46.415, 44.655, 98.264
xyY	0.245, 0.236, 44.655
CIE-LCH	72.664, 42.027, 285.973
CIE-LUV	72.664, -13.422, -66.904
Hunter-Lab	66.825, 7.038, -40.407
Binary	10011011, 10101111, 11111100

#9baffc
```
#9baffc rgb(155,175,252)
```
#fce89b
```
#fce89b rgb(252,232,155)
```

Complementary Color

#9be0fc
```
#9be0fc rgb(155,224,252)
```
#9baffc
```
#9baffc rgb(155,175,252)
```
#b89bfc
```
#b89bfc rgb(184,155,252)
```

Analogous Color

#e0fc9b
```
#e0fc9b rgb(224,252,155)
```
#9baffc
```
#9baffc rgb(155,175,252)
```
#fcb89b
```
#fcb89b rgb(252,184,155)
```

Split Complementary Color

#affc9b
```
#affc9b rgb(175,252,155)
```
#9baffc
```
#9baffc rgb(155,175,252)
```
#fc9baf
```
#fc9baf rgb(252,155,175)
```

Triadic Color

#9bfce8
```
#9bfce8 rgb(155,252,232)
```
#9baffc
```
#9baffc rgb(155,175,252)
```
#fc9baf
```
#fc9baf rgb(252,155,175)
```
#fce89b
```
#fce89b rgb(252,232,155)
```

Tetradic Color

#5174fa
```
#5174fa rgb(81,116,250)
```
#6987fb
```
#6987fb rgb(105,135,251)
```
#829bfb
```
#829bfb rgb(130,155,251)
```
#9baffc
```
#9baffc rgb(155,175,252)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#cdd7fd
```
#cdd7fd rgb(205,215,253)
```
#e5eafe
```
#e5eafe rgb(229,234,254)
```

Monochromatic Color

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

#9bc7fc
```
#9bc7fc rgb(155,199,252)
```
#9bbffc
```
#9bbffc rgb(155,191,252)
```
#9bb7fc
```
#9bb7fc rgb(155,183,252)
```
#9baffc
```
#9baffc rgb(155,175,252)
```
#9ba7fc
```
#9ba7fc rgb(155,167,252)
```
#9b9ffc
```
#9b9ffc rgb(155,159,252)
```
#9f9bfc
```
#9f9bfc rgb(159,155,252)
```

Similar Colors

Text with hexadecimal color #9baffc

This text has a font color of #9baffc.

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

#9baffc background color

This paragraph has a background color of #9baffc.

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

#9baffc border color

This element has a border color of #9baffc.

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

CSS codes

.text {color:#9baffc;}

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

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

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, #00030e is the darkest color, while #fafbff is the lightest one.

#00030e
```
#00030e rgb(0,3,14)
```
#010821
```
#010821 rgb(1,8,33)
```
#020c34
```
#020c34 rgb(2,12,52)
```
#021047
```
#021047 rgb(2,16,71)
```
#03155a
```
#03155a rgb(3,21,90)
```
#03196d
```
#03196d rgb(3,25,109)
```
#041e81
```
#041e81 rgb(4,30,129)
```
#042294
```
#042294 rgb(4,34,148)
```
#0526a7
```
#0526a7 rgb(5,38,167)
```
#062bba
```
#062bba rgb(6,43,186)
```
#062fcd
```
#062fcd rgb(6,47,205)
```
#0733e0
```
#0733e0 rgb(7,51,224)
```
#0738f3
```
#0738f3 rgb(7,56,243)
```

Shade Color Variation

#1644f8
```
#1644f8 rgb(22,68,248)
```
#2954f9
```
#2954f9 rgb(41,84,249)
```
#3c63f9
```
#3c63f9 rgb(60,99,249)
```
#4f72fa
```
#4f72fa rgb(79,114,250)
```
#6281fa
```
#6281fa rgb(98,129,250)
```
#7591fb
```
#7591fb rgb(117,145,251)
```
#88a0fb
```
#88a0fb rgb(136,160,251)
```
#9baffc
```
#9baffc rgb(155,175,252)
```
#aebefd
```
#aebefd rgb(174,190,253)
```
#c1cdfd
```
#c1cdfd rgb(193,205,253)
```
#d4ddfe
```
#d4ddfe rgb(212,221,254)
```
#e7ecfe
```
#e7ecfe rgb(231,236,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#cbcbcc
```
#cbcbcc rgb(203,203,204)
```
#c7c9d0
```
#c7c9d0 rgb(199,201,208)
```
#c3c6d4
```
#c3c6d4 rgb(195,198,212)
```
#bfc4d8
```
#bfc4d8 rgb(191,196,216)
```
#bbc2dc
```
#bbc2dc rgb(187,194,220)
```
#b7bfe0
```
#b7bfe0 rgb(183,191,224)
```
#b3bde4
```
#b3bde4 rgb(179,189,228)
```
#afbbe8
```
#afbbe8 rgb(175,187,232)
```
#abb8ec
```
#abb8ec rgb(171,184,236)
```
#a7b6f0
```
#a7b6f0 rgb(167,182,240)
```
#a3b4f4
```
#a3b4f4 rgb(163,180,244)
```
#9fb1f8
```
#9fb1f8 rgb(159,177,248)
```
#9baffc
```
#9baffc rgb(155,175,252)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#adb1c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db3fc Protanopia 1% of men
#9ab4fb Deuteranopia 1% of men
#91bdcb Tritanopia 0.001% of the population

Trichromacy

#9cb2fc Protanomaly 1% of men, 0.01% of women
#9ab2fb Deuteranomaly 6% of men, 0.4% of women
#94b8dc Tritanomaly 0.01% of the population

#9baffc hex color

#9baffc Color Information

#9baffc Color Conversion

Color Schemes with #9baffc

Alternatives to #9baffc

#9baffc Preview

Shades and Tints of #9baffc

Tones of #9baffc

Color Blindness Simulator