#baaffc hex color

In a RGB color space, hex #baaffc is composed of 72.9% red, 68.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 30.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 248.6 degrees, a saturation of 92.8% and a lightness of 83.7%. #baaffc color hex could be obtained by blending #ffffff with #755ff9. Closest websafe color is: #cc99ff.

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

● #baaffc color description : Very soft blue.

The hexadecimal color #baaffc has RGB values of R:186, G:175, B:252 and CMYK values of C:0.26, M:0.31, Y:0, K:0.01. Its decimal value is 12234748.

Hex triplet	baaffc	`#baaffc`
RGB Decimal	186, 175, 252	`rgb(186,175,252)`
RGB Percent	72.9, 68.6, 98.8	`rgb(72.9%,68.6%,98.8%)`
CMYK	26, 31, 0, 1
HSL	248.6°, 92.8, 83.7	`hsl(248.6,92.8%,83.7%)`
HSV (or HSB)	248.6°, 30.6, 98.8
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.905, 20.093, -36.749
XYZ	53.147, 48.127, 98.579
xyY	0.266, 0.241, 48.127
CIE-LCH	74.905, 41.883, 298.668
CIE-LUV	74.905, 0.676, -62.154
Hunter-Lab	69.374, 15.345, -35.689
Binary	10111010, 10101111, 11111100

#baaffc
```
#baaffc rgb(186,175,252)
```
#f1fcaf
```
#f1fcaf rgb(241,252,175)
```

Complementary Color

#afcbfc
```
#afcbfc rgb(175,203,252)
```
#baaffc
```
#baaffc rgb(186,175,252)
```
#e1affc
```
#e1affc rgb(225,175,252)
```

Analogous Color

#cbfcaf
```
#cbfcaf rgb(203,252,175)
```
#baaffc
```
#baaffc rgb(186,175,252)
```
#fce1af
```
#fce1af rgb(252,225,175)
```

Split Complementary Color

#affcba
```
#affcba rgb(175,252,186)
```
#baaffc
```
#baaffc rgb(186,175,252)
```
#fcbaaf
```
#fcbaaf rgb(252,186,175)
```

Triadic Color

#aff1fc
```
#aff1fc rgb(175,241,252)
```
#baaffc
```
#baaffc rgb(186,175,252)
```
#fcbaaf
```
#fcbaaf rgb(252,186,175)
```
#f1fcaf
```
#f1fcaf rgb(241,252,175)
```

Tetradic Color

#7a65f9
```
#7a65f9 rgb(122,101,249)
```
#907efa
```
#907efa rgb(144,126,250)
```
#a596fb
```
#a596fb rgb(165,150,251)
```
#baaffc
```
#baaffc rgb(186,175,252)
```
#cfc8fd
```
#cfc8fd rgb(207,200,253)
```
#e4e0fe
```
#e4e0fe rgb(228,224,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Monochromatic Color

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

#afb7fc
```
#afb7fc rgb(175,183,252)
```
#afb1fc
```
#afb1fc rgb(175,177,252)
```
#b4affc
```
#b4affc rgb(180,175,252)
```
#baaffc
```
#baaffc rgb(186,175,252)
```
#c0affc
```
#c0affc rgb(192,175,252)
```
#c7affc
```
#c7affc rgb(199,175,252)
```
#cdaffc
```
#cdaffc rgb(205,175,252)
```

Similar Colors

Text with hexadecimal color #baaffc

This text has a font color of #baaffc.

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

#baaffc background color

This paragraph has a background color of #baaffc.

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

#baaffc border color

This element has a border color of #baaffc.

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

CSS codes

.text {color:#baaffc;}

.background {background-color:#baaffc;}

.border {border:1px solid #baaffc;}

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

#03010f
```
#03010f rgb(3,1,15)
```
#060121
```
#060121 rgb(6,1,33)
```
#090234
```
#090234 rgb(9,2,52)
```
#0c0347
```
#0c0347 rgb(12,3,71)
```
#10035a
```
#10035a rgb(16,3,90)
```
#13046d
```
#13046d rgb(19,4,109)
```
#160580
```
#160580 rgb(22,5,128)
```
#1a0693
```
#1a0693 rgb(26,6,147)
```
#1d06a6
```
#1d06a6 rgb(29,6,166)
```
#2007b9
```
#2007b9 rgb(32,7,185)
```
#2408cc
```
#2408cc rgb(36,8,204)
```
#2708df
```
#2708df rgb(39,8,223)
```
#2a09f1
```
#2a09f1 rgb(42,9,241)
```

Shade Color Variation

#3818f6
```
#3818f6 rgb(56,24,246)
```
#482bf7
```
#482bf7 rgb(72,43,247)
```
#583ef8
```
#583ef8 rgb(88,62,248)
```
#6850f8
```
#6850f8 rgb(104,80,248)
```
#7963f9
```
#7963f9 rgb(121,99,249)
```
#8976fa
```
#8976fa rgb(137,118,250)
```
#9989fb
```
#9989fb rgb(153,137,251)
```
#aa9cfb
```
#aa9cfb rgb(170,156,251)
```
#baaffc
```
#baaffc rgb(186,175,252)
```
#cac2fd
```
#cac2fd rgb(202,194,253)
```
#dbd5fd
```
#dbd5fd rgb(219,213,253)
```
#ebe8fe
```
#ebe8fe rgb(235,232,254)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#d5d5d6
```
#d5d5d6 rgb(213,213,214)
```
#d3d2d9
```
#d3d2d9 rgb(211,210,217)
```
#d1cfdc
```
#d1cfdc rgb(209,207,220)
```
#cfccdf
```
#cfccdf rgb(207,204,223)
```
#ccc9e2
```
#ccc9e2 rgb(204,201,226)
```
#cac5e6
```
#cac5e6 rgb(202,197,230)
```
#c8c2e9
```
#c8c2e9 rgb(200,194,233)
```
#c5bfec
```
#c5bfec rgb(197,191,236)
```
#c3bcef
```
#c3bcef rgb(195,188,239)
```
#c1b9f2
```
#c1b9f2 rgb(193,185,242)
```
#bfb5f6
```
#bfb5f6 rgb(191,181,246)
```
#bcb2f9
```
#bcb2f9 rgb(188,178,249)
```
#baaffc
```
#baaffc rgb(186,175,252)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bbb9c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b9ff Protanopia 1% of men
#a7b9f9 Deuteranopia 1% of men
#b1bdca Tritanopia 0.001% of the population

Trichromacy

#acb5fd Protanomaly 1% of men, 0.01% of women
#aeb5fa Deuteranomaly 6% of men, 0.4% of women
#b4b8dc Tritanomaly 0.01% of the population

#baaffc hex color

#baaffc Color Information

#baaffc Color Conversion

Color Schemes with #baaffc

Alternatives to #baaffc

#baaffc Preview

Shades and Tints of #baaffc

Tones of #baaffc

Color Blindness Simulator