#9baffd hex color

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

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

● #9baffd color description : Very soft blue.

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

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

CIE-LAB	72.706, 11.833, -40.879
XYZ	46.574, 44.719, 99.101
xyY	0.245, 0.235, 44.719
CIE-LCH	72.706, 42.558, 286.143
CIE-LUV	72.706, -13.457, -67.751
Hunter-Lab	66.872, 7.291, -41.054
Binary	10011011, 10101111, 11111101

#9baffd
```
#9baffd rgb(155,175,253)
```
#fde99b
```
#fde99b rgb(253,233,155)
```

Complementary Color

#9be0fd
```
#9be0fd rgb(155,224,253)
```
#9baffd
```
#9baffd rgb(155,175,253)
```
#b89bfd
```
#b89bfd rgb(184,155,253)
```

Analogous Color

#e0fd9b
```
#e0fd9b rgb(224,253,155)
```
#9baffd
```
#9baffd rgb(155,175,253)
```
#fdb89b
```
#fdb89b rgb(253,184,155)
```

Split Complementary Color

#affd9b
```
#affd9b rgb(175,253,155)
```
#9baffd
```
#9baffd rgb(155,175,253)
```
#fd9baf
```
#fd9baf rgb(253,155,175)
```

Triadic Color

#9bfde9
```
#9bfde9 rgb(155,253,233)
```
#9baffd
```
#9baffd rgb(155,175,253)
```
#fd9baf
```
#fd9baf rgb(253,155,175)
```
#fde99b
```
#fde99b rgb(253,233,155)
```

Tetradic Color

#5073fc
```
#5073fc rgb(80,115,252)
```
#6987fc
```
#6987fc rgb(105,135,252)
```
#829bfd
```
#829bfd rgb(130,155,253)
```
#9baffd
```
#9baffd rgb(155,175,253)
```
#b4c3fe
```
#b4c3fe rgb(180,195,254)
```
#cdd7fe
```
#cdd7fe rgb(205,215,254)
```
#e6ebff
```
#e6ebff rgb(230,235,255)
```

Monochromatic Color

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

#9bc8fd
```
#9bc8fd rgb(155,200,253)
```
#9bbffd
```
#9bbffd rgb(155,191,253)
```
#9bb7fd
```
#9bb7fd rgb(155,183,253)
```
#9baffd
```
#9baffd rgb(155,175,253)
```
#9ba7fd
```
#9ba7fd rgb(155,167,253)
```
#9b9ffd
```
#9b9ffd rgb(155,159,253)
```
#a09bfd
```
#a09bfd rgb(160,155,253)
```

Similar Colors

Text with hexadecimal color #9baffd

This text has a font color of #9baffd.

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

#9baffd background color

This paragraph has a background color of #9baffd.

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

#9baffd border color

This element has a border color of #9baffd.

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

CSS codes

.text {color:#9baffd;}

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

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

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)
```
#010823
```
#010823 rgb(1,8,35)
```
#010c36
```
#010c36 rgb(1,12,54)
```
#011049
```
#011049 rgb(1,16,73)
```
#02145c
```
#02145c rgb(2,20,92)
```
#021970
```
#021970 rgb(2,25,112)
```
#031d83
```
#031d83 rgb(3,29,131)
```
#032196
```
#032196 rgb(3,33,150)
```
#0325a9
```
#0325a9 rgb(3,37,169)
```
#0429bc
```
#0429bc rgb(4,41,188)
```
#042ed0
```
#042ed0 rgb(4,46,208)
```
#0532e3
```
#0532e3 rgb(5,50,227)
```
#0536f6
```
#0536f6 rgb(5,54,246)
```

Shade Color Variation

#1443fa
```
#1443fa rgb(20,67,250)
```
#2853fb
```
#2853fb rgb(40,83,251)
```
#3b62fb
```
#3b62fb rgb(59,98,251)
```
#4e71fb
```
#4e71fb rgb(78,113,251)
```
#6181fc
```
#6181fc rgb(97,129,252)
```
#7590fc
```
#7590fc rgb(117,144,252)
```
#88a0fd
```
#88a0fd rgb(136,160,253)
```
#9baffd
```
#9baffd rgb(155,175,253)
```
#aebefd
```
#aebefd rgb(174,190,253)
```
#c1cefe
```
#c1cefe rgb(193,206,254)
```
#d5ddfe
```
#d5ddfe rgb(213,221,254)
```
#e8edff
```
#e8edff rgb(232,237,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 #9baffd is the most saturated one.

#cacbce
```
#cacbce rgb(202,203,206)
```
#c6c9d2
```
#c6c9d2 rgb(198,201,210)
```
#c2c6d6
```
#c2c6d6 rgb(194,198,214)
```
#bec4da
```
#bec4da rgb(190,196,218)
```
#bac2de
```
#bac2de rgb(186,194,222)
```
#b6bfe2
```
#b6bfe2 rgb(182,191,226)
```
#b3bde5
```
#b3bde5 rgb(179,189,229)
```
#afbbe9
```
#afbbe9 rgb(175,187,233)
```
#abb8ed
```
#abb8ed rgb(171,184,237)
```
#a7b6f1
```
#a7b6f1 rgb(167,182,241)
```
#a3b4f5
```
#a3b4f5 rgb(163,180,245)
```
#9fb1f9
```
#9fb1f9 rgb(159,177,249)
```
#9baffd
```
#9baffd rgb(155,175,253)
```

Tone Color Variation

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

#9db3fd Protanopia 1% of men
#99b4fc Deuteranopia 1% of men
#90bdcb Tritanopia 0.001% of the population

Trichromacy

#9cb2fd Protanomaly 1% of men, 0.01% of women
#9ab2fc Deuteranomaly 6% of men, 0.4% of women
#94b8dd Tritanomaly 0.01% of the population

#9baffd hex color

#9baffd Color Information

#9baffd Color Conversion

Color Schemes with #9baffd

Alternatives to #9baffd

#9baffd Preview

Shades and Tints of #9baffd

Tones of #9baffd

Color Blindness Simulator