#9baafc hex color

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

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

● #9baafc color description : Very soft blue.

The hexadecimal color #9baafc has RGB values of R:155, G:170, B:252 and CMYK values of C:0.38, M:0.33, Y:0, K:0.01. Its decimal value is 10201852.

Hex triplet	9baafc	`#9baafc`
RGB Decimal	155, 170, 252	`rgb(155,170,252)`
RGB Percent	60.8, 66.7, 98.8	`rgb(60.8%,66.7%,98.8%)`
CMYK	38, 33, 0, 1
HSL	230.7°, 94.2, 79.8	`hsl(230.7,94.2%,79.8%)`
HSV (or HSB)	230.7°, 38.5, 98.8
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.382, 14.375, -42.408
XYZ	45.459, 42.745, 97.945
xyY	0.244, 0.23, 42.745
CIE-LCH	71.382, 44.778, 288.725
CIE-LUV	71.382, -11.489, -70.496
Hunter-Lab	65.38, 9.699, -43.057
Binary	10011011, 10101010, 11111100

#9baafc
```
#9baafc rgb(155,170,252)
```
#fced9b
```
#fced9b rgb(252,237,155)
```

Complementary Color

#9bdbfc
```
#9bdbfc rgb(155,219,252)
```
#9baafc
```
#9baafc rgb(155,170,252)
```
#bd9bfc
```
#bd9bfc rgb(189,155,252)
```

Analogous Color

#dbfc9b
```
#dbfc9b rgb(219,252,155)
```
#9baafc
```
#9baafc rgb(155,170,252)
```
#fcbd9b
```
#fcbd9b rgb(252,189,155)
```

Split Complementary Color

#aafc9b
```
#aafc9b rgb(170,252,155)
```
#9baafc
```
#9baafc rgb(155,170,252)
```
#fc9baa
```
#fc9baa rgb(252,155,170)
```

Triadic Color

#9bfced
```
#9bfced rgb(155,252,237)
```
#9baafc
```
#9baafc rgb(155,170,252)
```
#fc9baa
```
#fc9baa rgb(252,155,170)
```
#fced9b
```
#fced9b rgb(252,237,155)
```

Tetradic Color

#516bfa
```
#516bfa rgb(81,107,250)
```
#6980fb
```
#6980fb rgb(105,128,251)
```
#8295fb
```
#8295fb rgb(130,149,251)
```
#9baafc
```
#9baafc rgb(155,170,252)
```
#b4bffd
```
#b4bffd rgb(180,191,253)
```
#cdd4fd
```
#cdd4fd rgb(205,212,253)
```
#e5e9fe
```
#e5e9fe rgb(229,233,254)
```

Monochromatic Color

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

#9bc2fc
```
#9bc2fc rgb(155,194,252)
```
#9bbafc
```
#9bbafc rgb(155,186,252)
```
#9bb2fc
```
#9bb2fc rgb(155,178,252)
```
#9baafc
```
#9baafc rgb(155,170,252)
```
#9ba2fc
```
#9ba2fc rgb(155,162,252)
```
#9c9bfc
```
#9c9bfc rgb(156,155,252)
```
#a49bfc
```
#a49bfc rgb(164,155,252)
```

Similar Colors

Text with hexadecimal color #9baafc

This text has a font color of #9baafc.

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

#9baafc background color

This paragraph has a background color of #9baafc.

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

#9baafc border color

This element has a border color of #9baafc.

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

CSS codes

.text {color:#9baafc;}

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

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

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)
```
#010621
```
#010621 rgb(1,6,33)
```
#020934
```
#020934 rgb(2,9,52)
```
#020d47
```
#020d47 rgb(2,13,71)
```
#03105a
```
#03105a rgb(3,16,90)
```
#03146d
```
#03146d rgb(3,20,109)
```
#041781
```
#041781 rgb(4,23,129)
```
#041b94
```
#041b94 rgb(4,27,148)
```
#051ea7
```
#051ea7 rgb(5,30,167)
```
#0621ba
```
#0621ba rgb(6,33,186)
```
#0625cd
```
#0625cd rgb(6,37,205)
```
#0728e0
```
#0728e0 rgb(7,40,224)
```
#072cf3
```
#072cf3 rgb(7,44,243)
```

Shade Color Variation

#1639f8
```
#1639f8 rgb(22,57,248)
```
#2949f9
```
#2949f9 rgb(41,73,249)
```
#3c59f9
```
#3c59f9 rgb(60,89,249)
```
#4f69fa
```
#4f69fa rgb(79,105,250)
```
#6279fa
```
#6279fa rgb(98,121,250)
```
#758afb
```
#758afb rgb(117,138,251)
```
#889afb
```
#889afb rgb(136,154,251)
```
#9baafc
```
#9baafc rgb(155,170,252)
```
#aebafd
```
#aebafd rgb(174,186,253)
```
#c1cafd
```
#c1cafd rgb(193,202,253)
```
#d4dbfe
```
#d4dbfe rgb(212,219,254)
```
#e7ebfe
```
#e7ebfe rgb(231,235,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 #9baafc is the most saturated one.

#cbcbcc
```
#cbcbcc rgb(203,203,204)
```
#c7c8d0
```
#c7c8d0 rgb(199,200,208)
```
#c3c5d4
```
#c3c5d4 rgb(195,197,212)
```
#bfc3d8
```
#bfc3d8 rgb(191,195,216)
```
#bbc0dc
```
#bbc0dc rgb(187,192,220)
```
#b7bde0
```
#b7bde0 rgb(183,189,224)
```
#b3bae4
```
#b3bae4 rgb(179,186,228)
```
#afb8e8
```
#afb8e8 rgb(175,184,232)
```
#abb5ec
```
#abb5ec rgb(171,181,236)
```
#a7b2f0
```
#a7b2f0 rgb(167,178,240)
```
#a3aff4
```
#a3aff4 rgb(163,175,244)
```
#9fadf8
```
#9fadf8 rgb(159,173,248)
```
#9baafc
```
#9baafc rgb(155,170,252)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#abaebe Atypical Achromatopsia 0.001% of the population

Dichromacy

#97b0fd Protanopia 1% of men
#93b1fa Deuteranopia 1% of men
#8fb9c7 Tritanopia 0.001% of the population

Trichromacy

#98aefd Protanomaly 1% of men, 0.01% of women
#96aefb Deuteranomaly 6% of men, 0.4% of women
#93b3da Tritanomaly 0.01% of the population

#9baafc hex color

#9baafc Color Information

#9baafc Color Conversion

Color Schemes with #9baafc

Alternatives to #9baafc

#9baafc Preview

Shades and Tints of #9baafc

Tones of #9baafc

Color Blindness Simulator