#babeef hex color

In a RGB color space, hex #babeef is composed of 72.9% red, 74.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 20.5% magenta, 0% yellow and 6.3% black. It has a hue angle of 235.5 degrees, a saturation of 62.4% and a lightness of 83.3%. #babeef color hex could be obtained by blending #ffffff with #757ddf. Closest websafe color is: #ccccff.

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

● #babeef color description : Very soft blue.

The hexadecimal color #babeef has RGB values of R:186, G:190, B:239 and CMYK values of C:0.22, M:0.21, Y:0, K:0.06. Its decimal value is 12238575.

Hex triplet	babeef	`#babeef`
RGB Decimal	186, 190, 239	`rgb(186,190,239)`
RGB Percent	72.9, 74.5, 93.7	`rgb(72.9%,74.5%,93.7%)`
CMYK	22, 21, 0, 6
HSL	235.5°, 62.4, 83.3	`hsl(235.5,62.4%,83.3%)`
HSV (or HSB)	235.5°, 22.2, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	78.168, 8.833, -24.729
XYZ	54.24, 53.497, 89.125
xyY	0.276, 0.272, 53.497
CIE-LCH	78.168, 26.259, 289.657
CIE-LUV	78.168, -4.905, -40.653
Hunter-Lab	73.142, 4.373, -21.047
Binary	10111010, 10111110, 11101111

#babeef
```
#babeef rgb(186,190,239)
```
#efebba
```
#efebba rgb(239,235,186)
```

Complementary Color

#bad9ef
```
#bad9ef rgb(186,217,239)
```
#babeef
```
#babeef rgb(186,190,239)
```
#d1baef
```
#d1baef rgb(209,186,239)
```

Analogous Color

#d9efba
```
#d9efba rgb(217,239,186)
```
#babeef
```
#babeef rgb(186,190,239)
```
#efd1ba
```
#efd1ba rgb(239,209,186)
```

Split Complementary Color

#beefba
```
#beefba rgb(190,239,186)
```
#babeef
```
#babeef rgb(186,190,239)
```
#efbabe
```
#efbabe rgb(239,186,190)
```

Triadic Color

#baefeb
```
#baefeb rgb(186,239,235)
```
#babeef
```
#babeef rgb(186,190,239)
```
#efbabe
```
#efbabe rgb(239,186,190)
```
#efebba
```
#efebba rgb(239,235,186)
```

Tetradic Color

#7c84e1
```
#7c84e1 rgb(124,132,225)
```
#9197e5
```
#9197e5 rgb(145,151,229)
```
#a5abea
```
#a5abea rgb(165,171,234)
```
#babeef
```
#babeef rgb(186,190,239)
```
#cfd2f4
```
#cfd2f4 rgb(207,210,244)
```
#e3e5f9
```
#e3e5f9 rgb(227,229,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Monochromatic Color

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

#bacbef
```
#bacbef rgb(186,203,239)
```
#bac7ef
```
#bac7ef rgb(186,199,239)
```
#bac2ef
```
#bac2ef rgb(186,194,239)
```
#babeef
```
#babeef rgb(186,190,239)
```
#babaef
```
#babaef rgb(186,186,239)
```
#bfbaef
```
#bfbaef rgb(191,186,239)
```
#c3baef
```
#c3baef rgb(195,186,239)
```

Similar Colors

Text with hexadecimal color #babeef

This text has a font color of #babeef.

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

#babeef background color

This paragraph has a background color of #babeef.

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

#babeef border color

This element has a border color of #babeef.

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

CSS codes

.text {color:#babeef;}

.background {background-color:#babeef;}

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

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, #02030b is the darkest color, while #fafafe is the lightest one.

#02030b
```
#02030b rgb(2,3,11)
```
#06081b
```
#06081b rgb(6,8,27)
```
#0a0c2a
```
#0a0c2a rgb(10,12,42)
```
#0e113a
```
#0e113a rgb(14,17,58)
```
#11164a
```
#11164a rgb(17,22,74)
```
#151a5a
```
#151a5a rgb(21,26,90)
```
#191f6a
```
#191f6a rgb(25,31,106)
```
#1c237a
```
#1c237a rgb(28,35,122)
```
#20288a
```
#20288a rgb(32,40,138)
```
#242d9a
```
#242d9a rgb(36,45,154)
```
#2731aa
```
#2731aa rgb(39,49,170)
```
#2b36ba
```
#2b36ba rgb(43,54,186)
```
#2f3aca
```
#2f3aca rgb(47,58,202)
```

Shade Color Variation

#3b46d1
```
#3b46d1 rgb(59,70,209)
```
#4b55d5
```
#4b55d5 rgb(75,85,213)
```
#5a64d9
```
#5a64d9 rgb(90,100,217)
```
#6a73dd
```
#6a73dd rgb(106,115,221)
```
#7a82e0
```
#7a82e0 rgb(122,130,224)
```
#8a91e4
```
#8a91e4 rgb(138,145,228)
```
#9aa0e8
```
#9aa0e8 rgb(154,160,232)
```
#aaafeb
```
#aaafeb rgb(170,175,235)
```
#babeef
```
#babeef rgb(186,190,239)
```
#cacdf3
```
#cacdf3 rgb(202,205,243)
```
#dadcf6
```
#dadcf6 rgb(218,220,246)
```
#eaebfa
```
#eaebfa rgb(234,235,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#d4d4d5
```
#d4d4d5 rgb(212,212,213)
```
#d1d1d8
```
#d1d1d8 rgb(209,209,216)
```
#cecfdb
```
#cecfdb rgb(206,207,219)
```
#caccdf
```
#caccdf rgb(202,204,223)
```
#c7c9e2
```
#c7c9e2 rgb(199,201,226)
```
#c4c6e5
```
#c4c6e5 rgb(196,198,229)
```
#c1c4e8
```
#c1c4e8 rgb(193,196,232)
```
#bdc1ec
```
#bdc1ec rgb(189,193,236)
```
#babeef
```
#babeef rgb(186,190,239)
```
#b7bbf2
```
#b7bbf2 rgb(183,187,242)
```
#b3b8f6
```
#b3b8f6 rgb(179,184,246)
```
#b0b6f9
```
#b0b6f9 rgb(176,182,249)
```
#adb3fc
```
#adb3fc rgb(173,179,252)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c0c1cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c2f0 Protanopia 1% of men
#bfc0f0 Deuteranopia 1% of men
#b7c6d4 Tritanopia 0.001% of the population

Trichromacy

#b9c0f0 Protanomaly 1% of men, 0.01% of women
#bdbfef Deuteranomaly 6% of men, 0.4% of women
#b8c3de Tritanomaly 0.01% of the population

#babeef hex color

#babeef Color Information

#babeef Color Conversion

Color Schemes with #babeef

Alternatives to #babeef

#babeef Preview

Shades and Tints of #babeef

Tones of #babeef

Color Blindness Simulator