#9baefd hex color

In a RGB color space, hex #9baefd is composed of 60.8% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.4 degrees, a saturation of 96.1% and a lightness of 80%. #9baefd color hex could be obtained by blending #ffffff with #375dfb. Closest websafe color is: #9999ff.

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

● #9baefd color description : Very soft blue.

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

Hex triplet	9baefd	`#9baefd`
RGB Decimal	155, 174, 253	`rgb(155,174,253)`
RGB Percent	60.8, 68.2, 99.2	`rgb(60.8%,68.2%,99.2%)`
CMYK	39, 31, 0, 1
HSL	228.4°, 96.1, 80	`hsl(228.4,96.1%,80%)`
HSV (or HSB)	228.4°, 38.7, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.449, 12.393, -41.281
XYZ	46.38, 44.331, 99.036
xyY	0.244, 0.234, 44.331
CIE-LCH	72.449, 43.101, 286.711
CIE-LUV	72.449, -13.07, -68.473
Hunter-Lab	66.582, 7.822, -41.583
Binary	10011011, 10101110, 11111101

#9baefd
```
#9baefd rgb(155,174,253)
```
#fdea9b
```
#fdea9b rgb(253,234,155)
```

Complementary Color

#9bdffd
```
#9bdffd rgb(155,223,253)
```
#9baefd
```
#9baefd rgb(155,174,253)
```
#b99bfd
```
#b99bfd rgb(185,155,253)
```

Analogous Color

#dffd9b
```
#dffd9b rgb(223,253,155)
```
#9baefd
```
#9baefd rgb(155,174,253)
```
#fdb99b
```
#fdb99b rgb(253,185,155)
```

Split Complementary Color

#aefd9b
```
#aefd9b rgb(174,253,155)
```
#9baefd
```
#9baefd rgb(155,174,253)
```
#fd9bae
```
#fd9bae rgb(253,155,174)
```

Triadic Color

#9bfdea
```
#9bfdea rgb(155,253,234)
```
#9baefd
```
#9baefd rgb(155,174,253)
```
#fd9bae
```
#fd9bae rgb(253,155,174)
```
#fdea9b
```
#fdea9b rgb(253,234,155)
```

Tetradic Color

#5071fc
```
#5071fc rgb(80,113,252)
```
#6986fc
```
#6986fc rgb(105,134,252)
```
#829afd
```
#829afd rgb(130,154,253)
```
#9baefd
```
#9baefd rgb(155,174,253)
```
#b4c2fe
```
#b4c2fe rgb(180,194,254)
```
#cdd7fe
```
#cdd7fe rgb(205,215,254)
```
#e6ebff
```
#e6ebff rgb(230,235,255)
```

Monochromatic Color

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

#9bc7fd
```
#9bc7fd rgb(155,199,253)
```
#9bbefd
```
#9bbefd rgb(155,190,253)
```
#9bb6fd
```
#9bb6fd rgb(155,182,253)
```
#9baefd
```
#9baefd rgb(155,174,253)
```
#9ba6fd
```
#9ba6fd rgb(155,166,253)
```
#9b9efd
```
#9b9efd rgb(155,158,253)
```
#a19bfd
```
#a19bfd rgb(161,155,253)
```

Similar Colors

Text with hexadecimal color #9baefd

This text has a font color of #9baefd.

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

#9baefd background color

This paragraph has a background color of #9baefd.

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

#9baefd border color

This element has a border color of #9baefd.

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

CSS codes

.text {color:#9baefd;}

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

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

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

#00030f
```
#00030f rgb(0,3,15)
```
#010723
```
#010723 rgb(1,7,35)
```
#010b36
```
#010b36 rgb(1,11,54)
```
#010f49
```
#010f49 rgb(1,15,73)
```
#02135c
```
#02135c rgb(2,19,92)
```
#021770
```
#021770 rgb(2,23,112)
```
#031b83
```
#031b83 rgb(3,27,131)
```
#032096
```
#032096 rgb(3,32,150)
```
#0324a9
```
#0324a9 rgb(3,36,169)
```
#0428bc
```
#0428bc rgb(4,40,188)
```
#042cd0
```
#042cd0 rgb(4,44,208)
```
#0530e3
```
#0530e3 rgb(5,48,227)
```
#0534f6
```
#0534f6 rgb(5,52,246)
```

Shade Color Variation

#1441fa
```
#1441fa rgb(20,65,250)
```
#2851fb
```
#2851fb rgb(40,81,251)
```
#3b60fb
```
#3b60fb rgb(59,96,251)
```
#4e70fb
```
#4e70fb rgb(78,112,251)
```
#617ffc
```
#617ffc rgb(97,127,252)
```
#758ffc
```
#758ffc rgb(117,143,252)
```
#889efd
```
#889efd rgb(136,158,253)
```
#9baefd
```
#9baefd rgb(155,174,253)
```
#aebefd
```
#aebefd rgb(174,190,253)
```
#c1cdfe
```
#c1cdfe rgb(193,205,254)
```
#d5ddfe
```
#d5ddfe rgb(213,221,254)
```
#e8ecff
```
#e8ecff rgb(232,236,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#cacbce
```
#cacbce rgb(202,203,206)
```
#c6c8d2
```
#c6c8d2 rgb(198,200,210)
```
#c2c6d6
```
#c2c6d6 rgb(194,198,214)
```
#bec4da
```
#bec4da rgb(190,196,218)
```
#bac1de
```
#bac1de rgb(186,193,222)
```
#b6bfe2
```
#b6bfe2 rgb(182,191,226)
```
#b3bce5
```
#b3bce5 rgb(179,188,229)
```
#afbae9
```
#afbae9 rgb(175,186,233)
```
#abb8ed
```
#abb8ed rgb(171,184,237)
```
#a7b5f1
```
#a7b5f1 rgb(167,181,241)
```
#a3b3f5
```
#a3b3f5 rgb(163,179,245)
```
#9fb0f9
```
#9fb0f9 rgb(159,176,249)
```
#9baefd
```
#9baefd rgb(155,174,253)
```

Tone Color Variation

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

#9bb3fd Protanopia 1% of men
#98b4fc Deuteranopia 1% of men
#90bcca Tritanopia 0.001% of the population

Trichromacy

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

#9baefd hex color

#9baefd Color Information

#9baefd Color Conversion

Color Schemes with #9baefd

Alternatives to #9baefd

#9baefd Preview

Shades and Tints of #9baefd

Tones of #9baefd

Color Blindness Simulator