#9baefc hex color

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

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

● #9baefc color description : Very soft blue.

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

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

CIE-LAB	72.407, 12.126, -40.806
XYZ	46.221, 44.268, 98.199
xyY	0.245, 0.235, 44.268
CIE-LCH	72.407, 42.57, 286.549
CIE-LUV	72.407, -13.033, -67.626
Hunter-Lab	66.534, 7.569, -40.934
Binary	10011011, 10101110, 11111100

#9baefc
```
#9baefc rgb(155,174,252)
```
#fce99b
```
#fce99b rgb(252,233,155)
```

Complementary Color

#9bdffc
```
#9bdffc rgb(155,223,252)
```
#9baefc
```
#9baefc rgb(155,174,252)
```
#b99bfc
```
#b99bfc rgb(185,155,252)
```

Analogous Color

#dffc9b
```
#dffc9b rgb(223,252,155)
```
#9baefc
```
#9baefc rgb(155,174,252)
```
#fcb99b
```
#fcb99b rgb(252,185,155)
```

Split Complementary Color

#aefc9b
```
#aefc9b rgb(174,252,155)
```
#9baefc
```
#9baefc rgb(155,174,252)
```
#fc9bae
```
#fc9bae rgb(252,155,174)
```

Triadic Color

#9bfce9
```
#9bfce9 rgb(155,252,233)
```
#9baefc
```
#9baefc rgb(155,174,252)
```
#fc9bae
```
#fc9bae rgb(252,155,174)
```
#fce99b
```
#fce99b rgb(252,233,155)
```

Tetradic Color

#5172fa
```
#5172fa rgb(81,114,250)
```
#6986fb
```
#6986fb rgb(105,134,251)
```
#829afb
```
#829afb rgb(130,154,251)
```
#9baefc
```
#9baefc rgb(155,174,252)
```
#b4c2fd
```
#b4c2fd rgb(180,194,253)
```
#cdd6fd
```
#cdd6fd rgb(205,214,253)
```
#e5eafe
```
#e5eafe rgb(229,234,254)
```

Monochromatic Color

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

#9bc6fc
```
#9bc6fc rgb(155,198,252)
```
#9bbefc
```
#9bbefc rgb(155,190,252)
```
#9bb6fc
```
#9bb6fc rgb(155,182,252)
```
#9baefc
```
#9baefc rgb(155,174,252)
```
#9ba6fc
```
#9ba6fc rgb(155,166,252)
```
#9b9efc
```
#9b9efc rgb(155,158,252)
```
#a09bfc
```
#a09bfc rgb(160,155,252)
```

Similar Colors

Text with hexadecimal color #9baefc

This text has a font color of #9baefc.

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

#9baefc background color

This paragraph has a background color of #9baefc.

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

#9baefc border color

This element has a border color of #9baefc.

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

CSS codes

.text {color:#9baefc;}

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

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

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)
```
#010721
```
#010721 rgb(1,7,33)
```
#020c34
```
#020c34 rgb(2,12,52)
```
#021047
```
#021047 rgb(2,16,71)
```
#03145a
```
#03145a rgb(3,20,90)
```
#03186d
```
#03186d rgb(3,24,109)
```
#041c81
```
#041c81 rgb(4,28,129)
```
#042094
```
#042094 rgb(4,32,148)
```
#0525a7
```
#0525a7 rgb(5,37,167)
```
#0629ba
```
#0629ba rgb(6,41,186)
```
#062dcd
```
#062dcd rgb(6,45,205)
```
#0731e0
```
#0731e0 rgb(7,49,224)
```
#0735f3
```
#0735f3 rgb(7,53,243)
```

Shade Color Variation

#1642f8
```
#1642f8 rgb(22,66,248)
```
#2951f9
```
#2951f9 rgb(41,81,249)
```
#3c61f9
```
#3c61f9 rgb(60,97,249)
```
#4f70fa
```
#4f70fa rgb(79,112,250)
```
#6280fa
```
#6280fa rgb(98,128,250)
```
#758ffb
```
#758ffb rgb(117,143,251)
```
#889ffb
```
#889ffb rgb(136,159,251)
```
#9baefc
```
#9baefc rgb(155,174,252)
```
#aebdfd
```
#aebdfd rgb(174,189,253)
```
#c1cdfd
```
#c1cdfd rgb(193,205,253)
```
#d4dcfe
```
#d4dcfe rgb(212,220,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 #9baefc 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)
```
#bbc1dc
```
#bbc1dc rgb(187,193,220)
```
#b7bfe0
```
#b7bfe0 rgb(183,191,224)
```
#b3bce4
```
#b3bce4 rgb(179,188,228)
```
#afbae8
```
#afbae8 rgb(175,186,232)
```
#abb8ec
```
#abb8ec rgb(171,184,236)
```
#a7b5f0
```
#a7b5f0 rgb(167,181,240)
```
#a3b3f4
```
#a3b3f4 rgb(163,179,244)
```
#9fb0f8
```
#9fb0f8 rgb(159,176,248)
```
#9baefc
```
#9baefc rgb(155,174,252)
```

Tone Color Variation

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

#9cb3fc Protanopia 1% of men
#98b4fb Deuteranopia 1% of men
#90bcca Tritanopia 0.001% of the population

Trichromacy

#9bb1fc Protanomaly 1% of men, 0.01% of women
#99b1fb Deuteranomaly 6% of men, 0.4% of women
#94b7dc Tritanomaly 0.01% of the population

#9baefc hex color

#9baefc Color Information

#9baefc Color Conversion

Color Schemes with #9baefc

Alternatives to #9baefc

#9baefc Preview

Shades and Tints of #9baefc

Tones of #9baefc

Color Blindness Simulator