#beaff2 hex color

In a RGB color space, hex #beaff2 is composed of 74.5% red, 68.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 27.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 253.4 degrees, a saturation of 72% and a lightness of 81.8%. #beaff2 color hex could be obtained by blending #ffffff with #7d5fe5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 75
- G 69
- B 95
RGB color chart
- C 21
- M 28
- Y 0
- K 5
CMYK color chart

● #beaff2 color description : Very soft blue.

The hexadecimal color #beaff2 has RGB values of R:190, G:175, B:242 and CMYK values of C:0.21, M:0.28, Y:0, K:0.05. Its decimal value is 12496882.

Hex triplet	beaff2	`#beaff2`
RGB Decimal	190, 175, 242	`rgb(190,175,242)`
RGB Percent	74.5, 68.6, 94.9	`rgb(74.5%,68.6%,94.9%)`
CMYK	21, 28, 0, 5
HSL	253.4°, 72, 81.8	`hsl(253.4,72%,81.8%)`
HSV (or HSB)	253.4°, 27.7, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.836, 18.943, -31.428
XYZ	52.589, 48.018, 90.497
xyY	0.275, 0.251, 48.018
CIE-LCH	74.836, 36.696, 301.079
CIE-LUV	74.836, 3.488, -53.049
Hunter-Lab	69.295, 14.202, -28.925
Binary	10111110, 10101111, 11110010

#beaff2
```
#beaff2 rgb(190,175,242)
```
#e3f2af
```
#e3f2af rgb(227,242,175)
```

Complementary Color

#afc2f2
```
#afc2f2 rgb(175,194,242)
```
#beaff2
```
#beaff2 rgb(190,175,242)
```
#e0aff2
```
#e0aff2 rgb(224,175,242)
```

Analogous Color

#c2f2af
```
#c2f2af rgb(194,242,175)
```
#beaff2
```
#beaff2 rgb(190,175,242)
```
#f2e0af
```
#f2e0af rgb(242,224,175)
```

Split Complementary Color

#aff2be
```
#aff2be rgb(175,242,190)
```
#beaff2
```
#beaff2 rgb(190,175,242)
```
#f2beaf
```
#f2beaf rgb(242,190,175)
```

Triadic Color

#afe3f2
```
#afe3f2 rgb(175,227,242)
```
#beaff2
```
#beaff2 rgb(190,175,242)
```
#f2beaf
```
#f2beaf rgb(242,190,175)
```
#e3f2af
```
#e3f2af rgb(227,242,175)
```

Tetradic Color

#896de7
```
#896de7 rgb(137,109,231)
```
#9a83eb
```
#9a83eb rgb(154,131,235)
```
#ac99ee
```
#ac99ee rgb(172,153,238)
```
#beaff2
```
#beaff2 rgb(190,175,242)
```
#d0c5f6
```
#d0c5f6 rgb(208,197,246)
```
#e2dbf9
```
#e2dbf9 rgb(226,219,249)
```
#f3f1fd
```
#f3f1fd rgb(243,241,253)
```

Monochromatic Color

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

#afb1f2
```
#afb1f2 rgb(175,177,242)
```
#b3aff2
```
#b3aff2 rgb(179,175,242)
```
#b8aff2
```
#b8aff2 rgb(184,175,242)
```
#beaff2
```
#beaff2 rgb(190,175,242)
```
#c4aff2
```
#c4aff2 rgb(196,175,242)
```
#c9aff2
```
#c9aff2 rgb(201,175,242)
```
#cfaff2
```
#cfaff2 rgb(207,175,242)
```

Similar Colors

Text with hexadecimal color #beaff2

This text has a font color of #beaff2.

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

#beaff2 background color

This paragraph has a background color of #beaff2.

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

#beaff2 border color

This element has a border color of #beaff2.

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

CSS codes

.text {color:#beaff2;}

.background {background-color:#beaff2;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#070315
```
#070315 rgb(7,3,21)
```
#0d0626
```
#0d0626 rgb(13,6,38)
```
#130937
```
#130937 rgb(19,9,55)
```
#190c48
```
#190c48 rgb(25,12,72)
```
#1f0e59
```
#1f0e59 rgb(31,14,89)
```
#25116a
```
#25116a rgb(37,17,106)
```
#2b147a
```
#2b147a rgb(43,20,122)
```
#31178b
```
#31178b rgb(49,23,139)
```
#37199c
```
#37199c rgb(55,25,156)
```
#3d1cad
```
#3d1cad rgb(61,28,173)
```
#421fbe
```
#421fbe rgb(66,31,190)
```
#4822cf
```
#4822cf rgb(72,34,207)
```

Shade Color Variation

#5028dc
```
#5028dc rgb(80,40,220)
```
#5e39df
```
#5e39df rgb(94,57,223)
```
#6c4ae2
```
#6c4ae2 rgb(108,74,226)
```
#795be4
```
#795be4 rgb(121,91,228)
```
#876ce7
```
#876ce7 rgb(135,108,231)
```
#957cea
```
#957cea rgb(149,124,234)
```
#a38ded
```
#a38ded rgb(163,141,237)
```
#b09eef
```
#b09eef rgb(176,158,239)
```
#beaff2
```
#beaff2 rgb(190,175,242)
```
#ccc0f5
```
#ccc0f5 rgb(204,192,245)
```
#d9d1f7
```
#d9d1f7 rgb(217,209,247)
```
#e7e2fa
```
#e7e2fa rgb(231,226,250)
```
#f5f2fd
```
#f5f2fd rgb(245,242,253)
```

Tint Color Variation

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

#d0cfd2
```
#d0cfd2 rgb(208,207,210)
```
#ceccd5
```
#ceccd5 rgb(206,204,213)
```
#ccc8d9
```
#ccc8d9 rgb(204,200,217)
```
#cac4dd
```
#cac4dd rgb(202,196,221)
```
#c8c1e0
```
#c8c1e0 rgb(200,193,224)
```
#c6bde4
```
#c6bde4 rgb(198,189,228)
```
#c4bae7
```
#c4bae7 rgb(196,186,231)
```
#c2b6eb
```
#c2b6eb rgb(194,182,235)
```
#c0b3ee
```
#c0b3ee rgb(192,179,238)
```
#beaff2
```
#beaff2 rgb(190,175,242)
```
#bcabf6
```
#bcabf6 rgb(188,171,246)
```
#baa8f9
```
#baa8f9 rgb(186,168,249)
```
#b8a4fd
```
#b8a4fd rgb(184,164,253)
```

Tone Color Variation

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

#a9b9f7 Protanopia 1% of men
#aeb9f0 Deuteranopia 1% of men
#b8bbc8 Tritanopia 0.001% of the population

Trichromacy

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

#beaff2 hex color

#beaff2 Color Information

#beaff2 Color Conversion

Color Schemes with #beaff2

Alternatives to #beaff2

#beaff2 Preview

Shades and Tints of #beaff2

Tones of #beaff2

Color Blindness Simulator