#a5bef9 hex color

In a RGB color space, hex #a5bef9 is composed of 64.7% red, 74.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 23.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 222.1 degrees, a saturation of 87.5% and a lightness of 81.2%. #a5bef9 color hex could be obtained by blending #ffffff with #4b7df3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 75
- B 98
RGB color chart
- C 34
- M 24
- Y 0
- K 2
CMYK color chart

● #a5bef9 color description : Very soft blue.

The hexadecimal color #a5bef9 has RGB values of R:165, G:190, B:249 and CMYK values of C:0.34, M:0.24, Y:0, K:0.02. Its decimal value is 10862329.

Hex triplet	a5bef9	`#a5bef9`
RGB Decimal	165, 190, 249	`rgb(165,190,249)`
RGB Percent	64.7, 74.5, 97.6	`rgb(64.7%,74.5%,97.6%)`
CMYK	34, 24, 0, 2
HSL	222.1°, 87.5, 81.2	`hsl(222.1,87.5%,81.2%)`
HSV (or HSB)	222.1°, 33.7, 97.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.08, 5.163, -31.895
XYZ	51.026, 51.664, 96.901
xyY	0.256, 0.259, 51.664
CIE-LCH	77.08, 32.31, 279.196
CIE-LUV	77.08, -15.096, -52.053
Hunter-Lab	71.878, 0.93, -29.616
Binary	10100101, 10111110, 11111001

#a5bef9
```
#a5bef9 rgb(165,190,249)
```
#f9e0a5
```
#f9e0a5 rgb(249,224,165)
```

Complementary Color

#a5e8f9
```
#a5e8f9 rgb(165,232,249)
```
#a5bef9
```
#a5bef9 rgb(165,190,249)
```
#b6a5f9
```
#b6a5f9 rgb(182,165,249)
```

Analogous Color

#e8f9a5
```
#e8f9a5 rgb(232,249,165)
```
#a5bef9
```
#a5bef9 rgb(165,190,249)
```
#f9b6a5
```
#f9b6a5 rgb(249,182,165)
```

Split Complementary Color

#bef9a5
```
#bef9a5 rgb(190,249,165)
```
#a5bef9
```
#a5bef9 rgb(165,190,249)
```
#f9a5be
```
#f9a5be rgb(249,165,190)
```

Triadic Color

#a5f9e0
```
#a5f9e0 rgb(165,249,224)
```
#a5bef9
```
#a5bef9 rgb(165,190,249)
```
#f9a5be
```
#f9a5be rgb(249,165,190)
```
#f9e0a5
```
#f9e0a5 rgb(249,224,165)
```

Tetradic Color

#5d8af4
```
#5d8af4 rgb(93,138,244)
```
#759bf6
```
#759bf6 rgb(117,155,246)
```
#8dadf7
```
#8dadf7 rgb(141,173,247)
```
#a5bef9
```
#a5bef9 rgb(165,190,249)
```
#bdcffb
```
#bdcffb rgb(189,207,251)
```
#d5e1fc
```
#d5e1fc rgb(213,225,252)
```
#edf2fe
```
#edf2fe rgb(237,242,254)
```

Monochromatic Color

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

#a5d3f9
```
#a5d3f9 rgb(165,211,249)
```
#a5ccf9
```
#a5ccf9 rgb(165,204,249)
```
#a5c5f9
```
#a5c5f9 rgb(165,197,249)
```
#a5bef9
```
#a5bef9 rgb(165,190,249)
```
#a5b7f9
```
#a5b7f9 rgb(165,183,249)
```
#a5b0f9
```
#a5b0f9 rgb(165,176,249)
```
#a5a9f9
```
#a5a9f9 rgb(165,169,249)
```

Similar Colors

Text with hexadecimal color #a5bef9

This text has a font color of #a5bef9.

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

#a5bef9 background color

This paragraph has a background color of #a5bef9.

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

#a5bef9 border color

This element has a border color of #a5bef9.

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

CSS codes

.text {color:#a5bef9;}

.background {background-color:#a5bef9;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010714
```
#010714 rgb(1,7,20)
```
#030d27
```
#030d27 rgb(3,13,39)
```
#041439
```
#041439 rgb(4,20,57)
```
#051a4c
```
#051a4c rgb(5,26,76)
```
#06205e
```
#06205e rgb(6,32,94)
```
#072770
```
#072770 rgb(7,39,112)
```
#092d83
```
#092d83 rgb(9,45,131)
```
#0a3395
```
#0a3395 rgb(10,51,149)
```
#0b3aa7
```
#0b3aa7 rgb(11,58,167)
```
#0c40ba
```
#0c40ba rgb(12,64,186)
```
#0e46cc
```
#0e46cc rgb(14,70,204)
```
#0f4ddf
```
#0f4ddf rgb(15,77,223)
```

Shade Color Variation

#1254ef
```
#1254ef rgb(18,84,239)
```
#2461f0
```
#2461f0 rgb(36,97,240)
```
#376ef2
```
#376ef2 rgb(55,110,242)
```
#497cf3
```
#497cf3 rgb(73,124,243)
```
#5b89f4
```
#5b89f4 rgb(91,137,244)
```
#6e96f5
```
#6e96f5 rgb(110,150,245)
```
#80a3f7
```
#80a3f7 rgb(128,163,247)
```
#93b1f8
```
#93b1f8 rgb(147,177,248)
```
#a5bef9
```
#a5bef9 rgb(165,190,249)
```
#b7cbfa
```
#b7cbfa rgb(183,203,250)
```
#cad9fb
```
#cad9fb rgb(202,217,251)
```
#dce6fd
```
#dce6fd rgb(220,230,253)
```
#eff3fe
```
#eff3fe rgb(239,243,254)
```

Tint Color Variation

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

#ceced0
```
#ceced0 rgb(206,206,208)
```
#cacdd4
```
#cacdd4 rgb(202,205,212)
```
#c6cbd8
```
#c6cbd8 rgb(198,203,216)
```
#c3cadb
```
#c3cadb rgb(195,202,219)
```
#bfc8df
```
#bfc8df rgb(191,200,223)
```
#bbc7e3
```
#bbc7e3 rgb(187,199,227)
```
#b7c5e7
```
#b7c5e7 rgb(183,197,231)
```
#b4c4ea
```
#b4c4ea rgb(180,196,234)
```
#b0c2ee
```
#b0c2ee rgb(176,194,238)
```
#acc1f2
```
#acc1f2 rgb(172,193,242)
```
#a9bff5
```
#a9bff5 rgb(169,191,245)
```
#a5bef9
```
#a5bef9 rgb(165,190,249)
```
#a1bdfd
```
#a1bdfd rgb(161,189,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b8bdc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bff8 Protanopia 1% of men
#b2befa Deuteranopia 1% of men
#9fc8d6 Tritanopia 0.001% of the population

Trichromacy

#acbff8 Protanomaly 1% of men, 0.01% of women
#adbef9 Deuteranomaly 6% of men, 0.4% of women
#a1c4e3 Tritanomaly 0.01% of the population

#a5bef9 hex color

#a5bef9 Color Information

#a5bef9 Color Conversion

Color Schemes with #a5bef9

Alternatives to #a5bef9

#a5bef9 Preview

Shades and Tints of #a5bef9

Tones of #a5bef9

Color Blindness Simulator