#babef0 Color Information
In a RGB color space, hex #babef0 is composed of 72.9% red, 74.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 20.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 235.6 degrees, a saturation of 64.3% and a lightness of 83.5%. #babef0 color hex could be obtained by blending #ffffff with #757de1. Closest websafe color is: #ccccff.
-
- R 73
- G 75
- B 94
-
- C 23
- M 21
- Y 0
- K 6
● #babef0 color description : Very soft blue.
#babef0 Color Conversion
The hexadecimal color #babef0 has RGB values of R:186, G:190, B:240 and CMYK values of C:0.23, M:0.21, Y:0, K:0.06. Its decimal value is 12238576.
Hex triplet | babef0 | #babef0 |
---|---|---|
RGB Decimal | 186, 190, 240 | rgb(186,190,240) |
RGB Percent | 72.9, 74.5, 94.1 | rgb(72.9%,74.5%,94.1%) |
CMYK | 23, 21, 0, 6 | |
HSL | 235.6°, 64.3, 83.5 | hsl(235.6,64.3%,83.5%) |
HSV (or HSB) | 235.6°, 22.5, 94.1 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 78.202, 9.061, -25.213 |
---|---|
XYZ | 54.388, 53.557, 89.905 |
xyY | 0.275, 0.271, 53.557 |
CIE-LCH | 78.202, 26.792, 289.767 |
CIE-LUV | 78.202, -4.961, -41.495 |
Hunter-Lab | 73.182, 4.59, -21.611 |
Binary | 10111010, 10111110, 11110000 |
Color Schemes with #babef0
Alternatives to #babef0
Below, you can see some colors close to #babef0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#babef0 Preview
This text has a font color of #babef0.
<span style="color:#babef0;">Text here</span>
This paragraph has a background color of #babef0.
<p style="background-color:#babef0;">Content here</p>
This element has a border color of #babef0.
<div style="border:1px solid #babef0;">Content here</div>
.text {color:#babef0;}
.background {background-color:#babef0;}
.border {border:1px solid #babef0;}
Shades and Tints of #babef0
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, #03030c is the darkest color, while #fafbfe is the lightest one.
-
#03030c
#03030c
rgb(3,3,12)
-
#06081c
#06081c
rgb(6,8,28)
-
#0a0c2c
#0a0c2c
rgb(10,12,44)
-
#0d103c
#0d103c
rgb(13,16,60)
-
#11154c
#11154c
rgb(17,21,76)
-
#14195c
#14195c
rgb(20,25,92)
-
#181e6c
#181e6c
rgb(24,30,108)
-
#1b227c
#1b227c
rgb(27,34,124)
-
#1f278c
#1f278c
rgb(31,39,140)
-
#222b9d
#222b9d
rgb(34,43,157)
-
#2630ad
#2630ad
rgb(38,48,173)
-
#2934bd
#2934bd
rgb(41,52,189)
-
#2d38cd
#2d38cd
rgb(45,56,205)
-
#3945d4
#3945d4
rgb(57,69,212)
-
#4954d7
#4954d7
rgb(73,84,215)
-
#5963db
#5963db
rgb(89,99,219)
-
#6972de
#6972de
rgb(105,114,222)
-
#7a81e2
#7a81e2
rgb(122,129,226)
-
#8a90e5
#8a90e5
rgb(138,144,229)
-
#9aa0e9
#9aa0e9
rgb(154,160,233)
-
#aaafec
#aaafec
rgb(170,175,236)
-
#babef0
#babef0
rgb(186,190,240)
-
#cacdf4
#cacdf4
rgb(202,205,244)
-
#dadcf7
#dadcf7
rgb(218,220,247)
-
#eaecfb
#eaecfb
rgb(234,236,251)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #babef0
A tone is produced by adding gray to any pure hue. In this case, #d4d4d6 is the less saturated color, while #adb3fd is the most saturated one.
-
#d4d4d6
#d4d4d6
rgb(212,212,214)
-
#d1d1d9
#d1d1d9
rgb(209,209,217)
-
#cdcfdd
#cdcfdd
rgb(205,207,221)
-
#cacce0
#cacce0
rgb(202,204,224)
-
#c7c9e3
#c7c9e3
rgb(199,201,227)
-
#c4c6e6
#c4c6e6
rgb(196,198,230)
-
#c0c4ea
#c0c4ea
rgb(192,196,234)
-
#bdc1ed
#bdc1ed
rgb(189,193,237)
-
#babef0
#babef0
rgb(186,190,240)
-
#b7bbf3
#b7bbf3
rgb(183,187,243)
-
#b4b8f6
#b4b8f6
rgb(180,184,246)
-
#b0b6fa
#b0b6fa
rgb(176,182,250)
-
#adb3fd
#adb3fd
rgb(173,179,253)
Color Blindness Simulator
Below, you can see how #babef0 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.