#baaff7 hex color

In a RGB color space, hex #baaff7 is composed of 72.9% red, 68.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 29.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 249.2 degrees, a saturation of 81.8% and a lightness of 82.7%. #baaff7 color hex could be obtained by blending #ffffff with #755fef. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 69
- B 97
RGB color chart
- C 25
- M 29
- Y 0
- K 3
CMYK color chart

● #baaff7 color description : Very soft blue.

The hexadecimal color #baaff7 has RGB values of R:186, G:175, B:247 and CMYK values of C:0.25, M:0.29, Y:0, K:0.03. Its decimal value is 12234743.

Hex triplet	baaff7	`#baaff7`
RGB Decimal	186, 175, 247	`rgb(186,175,247)`
RGB Percent	72.9, 68.6, 96.9	`rgb(72.9%,68.6%,96.9%)`
CMYK	25, 29, 0, 3
HSL	249.2°, 81.8, 82.7	`hsl(249.2,81.8%,82.7%)`
HSV (or HSB)	249.2°, 29.1, 96.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.707, 18.913, -34.356
XYZ	52.365, 47.814, 94.461
xyY	0.269, 0.246, 47.814
CIE-LCH	74.707, 39.218, 298.833
CIE-LUV	74.707, 1.055, -57.935
Hunter-Lab	69.148, 14.168, -32.591
Binary	10111010, 10101111, 11110111

#baaff7
```
#baaff7 rgb(186,175,247)
```
#ecf7af
```
#ecf7af rgb(236,247,175)
```

Complementary Color

#afc8f7
```
#afc8f7 rgb(175,200,247)
```
#baaff7
```
#baaff7 rgb(186,175,247)
```
#deaff7
```
#deaff7 rgb(222,175,247)
```

Analogous Color

#c8f7af
```
#c8f7af rgb(200,247,175)
```
#baaff7
```
#baaff7 rgb(186,175,247)
```
#f7deaf
```
#f7deaf rgb(247,222,175)
```

Split Complementary Color

#aff7ba
```
#aff7ba rgb(175,247,186)
```
#baaff7
```
#baaff7 rgb(186,175,247)
```
#f7baaf
```
#f7baaf rgb(247,186,175)
```

Triadic Color

#afecf7
```
#afecf7 rgb(175,236,247)
```
#baaff7
```
#baaff7 rgb(186,175,247)
```
#f7baaf
```
#f7baaf rgb(247,186,175)
```
#ecf7af
```
#ecf7af rgb(236,247,175)
```

Tetradic Color

#7e69f0
```
#7e69f0 rgb(126,105,240)
```
#9281f2
```
#9281f2 rgb(146,129,242)
```
#a698f5
```
#a698f5 rgb(166,152,245)
```
#baaff7
```
#baaff7 rgb(186,175,247)
```
#cec6f9
```
#cec6f9 rgb(206,198,249)
```
#e2ddfc
```
#e2ddfc rgb(226,221,252)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Monochromatic Color

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

#afb6f7
```
#afb6f7 rgb(175,182,247)
```
#afb0f7
```
#afb0f7 rgb(175,176,247)
```
#b4aff7
```
#b4aff7 rgb(180,175,247)
```
#baaff7
```
#baaff7 rgb(186,175,247)
```
#c0aff7
```
#c0aff7 rgb(192,175,247)
```
#c6aff7
```
#c6aff7 rgb(198,175,247)
```
#ccaff7
```
#ccaff7 rgb(204,175,247)
```

Similar Colors

Text with hexadecimal color #baaff7

This text has a font color of #baaff7.

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

#baaff7 background color

This paragraph has a background color of #baaff7.

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

#baaff7 border color

This element has a border color of #baaff7.

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

CSS codes

.text {color:#baaff7;}

.background {background-color:#baaff7;}

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

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, #020109 is the darkest color, while #f8f6fe is the lightest one.

#020109
```
#020109 rgb(2,1,9)
```
#06031b
```
#06031b rgb(6,3,27)
```
#0b042d
```
#0b042d rgb(11,4,45)
```
#0f063f
```
#0f063f rgb(15,6,63)
```
#130850
```
#130850 rgb(19,8,80)
```
#170a62
```
#170a62 rgb(23,10,98)
```
#1c0c74
```
#1c0c74 rgb(28,12,116)
```
#200d86
```
#200d86 rgb(32,13,134)
```
#240f98
```
#240f98 rgb(36,15,152)
```
#2811aa
```
#2811aa rgb(40,17,170)
```
#2d13bb
```
#2d13bb rgb(45,19,187)
```
#3115cd
```
#3115cd rgb(49,21,205)
```
#3516df
```
#3516df rgb(53,22,223)
```

Shade Color Variation

#3f20e9
```
#3f20e9 rgb(63,32,233)
```
#4e32eb
```
#4e32eb rgb(78,50,235)
```
#5e44ec
```
#5e44ec rgb(94,68,236)
```
#6d56ee
```
#6d56ee rgb(109,86,238)
```
#7c68f0
```
#7c68f0 rgb(124,104,240)
```
#8c7af2
```
#8c7af2 rgb(140,122,242)
```
#9b8bf3
```
#9b8bf3 rgb(155,139,243)
```
#ab9df5
```
#ab9df5 rgb(171,157,245)
```
#baaff7
```
#baaff7 rgb(186,175,247)
```
#c9c1f9
```
#c9c1f9 rgb(201,193,249)
```
#d9d3fb
```
#d9d3fb rgb(217,211,251)
```
#e8e4fc
```
#e8e4fc rgb(232,228,252)
```
#f8f6fe
```
#f8f6fe rgb(248,246,254)
```

Tint Color Variation

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

#d2d1d5
```
#d2d1d5 rgb(210,209,213)
```
#cfcdd9
```
#cfcdd9 rgb(207,205,217)
```
#cdcadc
```
#cdcadc rgb(205,202,220)
```
#cac7df
```
#cac7df rgb(202,199,223)
```
#c8c3e3
```
#c8c3e3 rgb(200,195,227)
```
#c6c0e6
```
#c6c0e6 rgb(198,192,230)
```
#c3bde9
```
#c3bde9 rgb(195,189,233)
```
#c1b9ed
```
#c1b9ed rgb(193,185,237)
```
#bfb6f0
```
#bfb6f0 rgb(191,182,240)
```
#bcb2f4
```
#bcb2f4 rgb(188,178,244)
```
#baaff7
```
#baaff7 rgb(186,175,247)
```
#b8acfa
```
#b8acfa rgb(184,172,250)
```
#b5a8fe
```
#b5a8fe rgb(181,168,254)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bab8c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b9fb Protanopia 1% of men
#aab9f5 Deuteranopia 1% of men
#b3bcc9 Tritanopia 0.001% of the population

Trichromacy

#adb5f9 Protanomaly 1% of men, 0.01% of women
#b0b5f5 Deuteranomaly 6% of men, 0.4% of women
#b5b7da Tritanomaly 0.01% of the population

#baaff7 hex color

#baaff7 Color Information

#baaff7 Color Conversion

Color Schemes with #baaff7

Alternatives to #baaff7

#baaff7 Preview

Shades and Tints of #baaff7

Tones of #baaff7

Color Blindness Simulator