#beaff0 hex color

In a RGB color space, hex #beaff0 is composed of 74.5% red, 68.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 27.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 253.8 degrees, a saturation of 68.4% and a lightness of 81.4%. #beaff0 color hex could be obtained by blending #ffffff with #7d5fe1. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 75
- G 69
- B 94
RGB color chart
- C 21
- M 27
- Y 0
- K 6
CMYK color chart

● #beaff0 color description : Very soft blue.

The hexadecimal color #beaff0 has RGB values of R:190, G:175, B:240 and CMYK values of C:0.21, M:0.27, Y:0, K:0.06. Its decimal value is 12496880.

Hex triplet	beaff0	`#beaff0`
RGB Decimal	190, 175, 240	`rgb(190,175,240)`
RGB Percent	74.5, 68.6, 94.1	`rgb(74.5%,68.6%,94.1%)`
CMYK	21, 27, 0, 6
HSL	253.8°, 68.4, 81.4	`hsl(253.8,68.4%,81.4%)`
HSV (or HSB)	253.8°, 27.1, 94.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.761, 18.489, -30.462
XYZ	52.291, 47.898, 88.924
xyY	0.277, 0.253, 47.898
CIE-LCH	74.761, 35.634, 301.256
CIE-LUV	74.761, 3.65, -51.362
Hunter-Lab	69.209, 13.751, -27.734
Binary	10111110, 10101111, 11110000

#beaff0
```
#beaff0 rgb(190,175,240)
```
#e1f0af
```
#e1f0af rgb(225,240,175)
```

Complementary Color

#afc1f0
```
#afc1f0 rgb(175,193,240)
```
#beaff0
```
#beaff0 rgb(190,175,240)
```
#dfaff0
```
#dfaff0 rgb(223,175,240)
```

Analogous Color

#c1f0af
```
#c1f0af rgb(193,240,175)
```
#beaff0
```
#beaff0 rgb(190,175,240)
```
#f0dfaf
```
#f0dfaf rgb(240,223,175)
```

Split Complementary Color

#aff0be
```
#aff0be rgb(175,240,190)
```
#beaff0
```
#beaff0 rgb(190,175,240)
```
#f0beaf
```
#f0beaf rgb(240,190,175)
```

Triadic Color

#afe1f0
```
#afe1f0 rgb(175,225,240)
```
#beaff0
```
#beaff0 rgb(190,175,240)
```
#f0beaf
```
#f0beaf rgb(240,190,175)
```
#e1f0af
```
#e1f0af rgb(225,240,175)
```

Tetradic Color

#8a6fe4
```
#8a6fe4 rgb(138,111,228)
```
#9b84e8
```
#9b84e8 rgb(155,132,232)
```
#ad9aec
```
#ad9aec rgb(173,154,236)
```
#beaff0
```
#beaff0 rgb(190,175,240)
```
#cfc4f4
```
#cfc4f4 rgb(207,196,244)
```
#e1daf8
```
#e1daf8 rgb(225,218,248)
```
#f2effc
```
#f2effc rgb(242,239,252)
```

Monochromatic Color

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

#afb0f0
```
#afb0f0 rgb(175,176,240)
```
#b3aff0
```
#b3aff0 rgb(179,175,240)
```
#b9aff0
```
#b9aff0 rgb(185,175,240)
```
#beaff0
```
#beaff0 rgb(190,175,240)
```
#c3aff0
```
#c3aff0 rgb(195,175,240)
```
#c9aff0
```
#c9aff0 rgb(201,175,240)
```
#ceaff0
```
#ceaff0 rgb(206,175,240)
```

Similar Colors

Text with hexadecimal color #beaff0

This text has a font color of #beaff0.

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

#beaff0 background color

This paragraph has a background color of #beaff0.

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

#beaff0 border color

This element has a border color of #beaff0.

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

CSS codes

.text {color:#beaff0;}

.background {background-color:#beaff0;}

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

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

#010003
```
#010003 rgb(1,0,3)
```
#070413
```
#070413 rgb(7,4,19)
```
#0d0724
```
#0d0724 rgb(13,7,36)
```
#140a34
```
#140a34 rgb(20,10,52)
```
#1a0d45
```
#1a0d45 rgb(26,13,69)
```
#201055
```
#201055 rgb(32,16,85)
```
#261366
```
#261366 rgb(38,19,102)
```
#2c1676
```
#2c1676 rgb(44,22,118)
```
#331987
```
#331987 rgb(51,25,135)
```
#391c97
```
#391c97 rgb(57,28,151)
```
#3f1fa8
```
#3f1fa8 rgb(63,31,168)
```
#4523b8
```
#4523b8 rgb(69,35,184)
```
#4b26c9
```
#4b26c9 rgb(75,38,201)
```

Shade Color Variation

#532bd7
```
#532bd7 rgb(83,43,215)
```
#603bda
```
#603bda rgb(96,59,218)
```
#6d4cdd
```
#6d4cdd rgb(109,76,221)
```
#7b5ce1
```
#7b5ce1 rgb(123,92,225)
```
#886de4
```
#886de4 rgb(136,109,228)
```
#967de7
```
#967de7 rgb(150,125,231)
```
#a38eea
```
#a38eea rgb(163,142,234)
```
#b19eed
```
#b19eed rgb(177,158,237)
```
#beaff0
```
#beaff0 rgb(190,175,240)
```
#cbc0f3
```
#cbc0f3 rgb(203,192,243)
```
#d9d0f6
```
#d9d0f6 rgb(217,208,246)
```
#e6e1f9
```
#e6e1f9 rgb(230,225,249)
```
#f4f1fc
```
#f4f1fc rgb(244,241,252)
```

Tint Color Variation

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

#ceccd3
```
#ceccd3 rgb(206,204,211)
```
#ccc9d6
```
#ccc9d6 rgb(204,201,214)
```
#cac5da
```
#cac5da rgb(202,197,218)
```
#c8c1de
```
#c8c1de rgb(200,193,222)
```
#c6bee1
```
#c6bee1 rgb(198,190,225)
```
#c4bae5
```
#c4bae5 rgb(196,186,229)
```
#c2b6e9
```
#c2b6e9 rgb(194,182,233)
```
#c0b3ec
```
#c0b3ec rgb(192,179,236)
```
#beaff0
```
#beaff0 rgb(190,175,240)
```
#bcabf4
```
#bcabf4 rgb(188,171,244)
```
#baa8f7
```
#baa8f7 rgb(186,168,247)
```
#b8a4fb
```
#b8a4fb rgb(184,164,251)
```
#b6a0ff
```
#b6a0ff rgb(182,160,255)
```

Tone Color Variation

Below, you can see how #beaff0 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
#bcb9c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b9f5 Protanopia 1% of men
#afb8ee Deuteranopia 1% of men
#b8bbc8 Tritanopia 0.001% of the population

Trichromacy

#b1b5f3 Protanomaly 1% of men, 0.01% of women
#b4b5ef Deuteranomaly 6% of men, 0.4% of women
#bab6d6 Tritanomaly 0.01% of the population

#beaff0 hex color

#beaff0 Color Information

#beaff0 Color Conversion

Color Schemes with #beaff0

Alternatives to #beaff0

#beaff0 Preview

Shades and Tints of #beaff0

Tones of #beaff0

Color Blindness Simulator