#a1b2f7 hex color

In a RGB color space, hex #a1b2f7 is composed of 63.1% red, 69.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 27.9% magenta, 0% yellow and 3.1% black. It has a hue angle of 228.1 degrees, a saturation of 84.3% and a lightness of 80%. #a1b2f7 color hex could be obtained by blending #ffffff with #4365ef. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 63
- G 70
- B 97
RGB color chart
- C 35
- M 28
- Y 0
- K 3
CMYK color chart

● #a1b2f7 color description : Very soft blue.

The hexadecimal color #a1b2f7 has RGB values of R:161, G:178, B:247 and CMYK values of C:0.35, M:0.28, Y:0, K:0.03. Its decimal value is 10597111.

Hex triplet	a1b2f7	`#a1b2f7`
RGB Decimal	161, 178, 247	`rgb(161,178,247)`
RGB Percent	63.1, 69.8, 96.9	`rgb(63.1%,69.8%,96.9%)`
CMYK	35, 28, 0, 3
HSL	228.1°, 84.3, 80	`hsl(228.1,84.3%,80%)`
HSV (or HSB)	228.1°, 34.8, 96.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	73.631, 10.175, -36.169
XYZ	47.403, 46.132, 94.397
xyY	0.252, 0.245, 46.132
CIE-LCH	73.631, 37.573, 285.712
CIE-LUV	73.631, -11.881, -59.648
Hunter-Lab	67.921, 5.718, -34.858
Binary	10100001, 10110010, 11110111

#a1b2f7
```
#a1b2f7 rgb(161,178,247)
```
#f7e6a1
```
#f7e6a1 rgb(247,230,161)
```

Complementary Color

#a1ddf7
```
#a1ddf7 rgb(161,221,247)
```
#a1b2f7
```
#a1b2f7 rgb(161,178,247)
```
#bba1f7
```
#bba1f7 rgb(187,161,247)
```

Analogous Color

#ddf7a1
```
#ddf7a1 rgb(221,247,161)
```
#a1b2f7
```
#a1b2f7 rgb(161,178,247)
```
#f7bba1
```
#f7bba1 rgb(247,187,161)
```

Split Complementary Color

#b2f7a1
```
#b2f7a1 rgb(178,247,161)
```
#a1b2f7
```
#a1b2f7 rgb(161,178,247)
```
#f7a1b2
```
#f7a1b2 rgb(247,161,178)
```

Triadic Color

#a1f7e6
```
#a1f7e6 rgb(161,247,230)
```
#a1b2f7
```
#a1b2f7 rgb(161,178,247)
```
#f7a1b2
```
#f7a1b2 rgb(247,161,178)
```
#f7e6a1
```
#f7e6a1 rgb(247,230,161)
```

Tetradic Color

#5b78f1
```
#5b78f1 rgb(91,120,241)
```
#728cf3
```
#728cf3 rgb(114,140,243)
```
#8a9ff5
```
#8a9ff5 rgb(138,159,245)
```
#a1b2f7
```
#a1b2f7 rgb(161,178,247)
```
#b9c5f9
```
#b9c5f9 rgb(185,197,249)
```
#d0d9fb
```
#d0d9fb rgb(208,217,251)
```
#e8ecfd
```
#e8ecfd rgb(232,236,253)
```

Monochromatic Color

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

#a1c8f7
```
#a1c8f7 rgb(161,200,247)
```
#a1c0f7
```
#a1c0f7 rgb(161,192,247)
```
#a1b9f7
```
#a1b9f7 rgb(161,185,247)
```
#a1b2f7
```
#a1b2f7 rgb(161,178,247)
```
#a1abf7
```
#a1abf7 rgb(161,171,247)
```
#a1a4f7
```
#a1a4f7 rgb(161,164,247)
```
#a6a1f7
```
#a6a1f7 rgb(166,161,247)
```

Similar Colors

Text with hexadecimal color #a1b2f7

This text has a font color of #a1b2f7.

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

#a1b2f7 background color

This paragraph has a background color of #a1b2f7.

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

#a1b2f7 border color

This element has a border color of #a1b2f7.

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

CSS codes

.text {color:#a1b2f7;}

.background {background-color:#a1b2f7;}

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

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, #01040e is the darkest color, while #fbfcff is the lightest one.

#01040e
```
#01040e rgb(1,4,14)
```
#030921
```
#030921 rgb(3,9,33)
```
#040d33
```
#040d33 rgb(4,13,51)
```
#061245
```
#061245 rgb(6,18,69)
```
#071757
```
#071757 rgb(7,23,87)
```
#091c69
```
#091c69 rgb(9,28,105)
```
#0a217b
```
#0a217b rgb(10,33,123)
```
#0c268d
```
#0c268d rgb(12,38,141)
```
#0e2a9f
```
#0e2a9f rgb(14,42,159)
```
#0f2fb1
```
#0f2fb1 rgb(15,47,177)
```
#1134c3
```
#1134c3 rgb(17,52,195)
```
#1239d5
```
#1239d5 rgb(18,57,213)
```
#143ee7
```
#143ee7 rgb(20,62,231)
```

Shade Color Variation

#224aec
```
#224aec rgb(34,74,236)
```
#3559ee
```
#3559ee rgb(53,89,238)
```
#4768ef
```
#4768ef rgb(71,104,239)
```
#5977f1
```
#5977f1 rgb(89,119,241)
```
#6b86f2
```
#6b86f2 rgb(107,134,242)
```
#7d94f4
```
#7d94f4 rgb(125,148,244)
```
#8fa3f5
```
#8fa3f5 rgb(143,163,245)
```
#a1b2f7
```
#a1b2f7 rgb(161,178,247)
```
#b3c1f9
```
#b3c1f9 rgb(179,193,249)
```
#c5d0fa
```
#c5d0fa rgb(197,208,250)
```
#d7defc
```
#d7defc rgb(215,222,252)
```
#e9edfd
```
#e9edfd rgb(233,237,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#c8cad0
```
#c8cad0 rgb(200,202,208)
```
#c4c7d4
```
#c4c7d4 rgb(196,199,212)
```
#c0c5d8
```
#c0c5d8 rgb(192,197,216)
```
#bcc3dc
```
#bcc3dc rgb(188,195,220)
```
#b9c0df
```
#b9c0df rgb(185,192,223)
```
#b5bee3
```
#b5bee3 rgb(181,190,227)
```
#b1bbe7
```
#b1bbe7 rgb(177,187,231)
```
#adb9eb
```
#adb9eb rgb(173,185,235)
```
#a9b7ef
```
#a9b7ef rgb(169,183,239)
```
#a5b4f3
```
#a5b4f3 rgb(165,180,243)
```
#a1b2f7
```
#a1b2f7 rgb(161,178,247)
```
#9db0fb
```
#9db0fb rgb(157,176,251)
```
#99adff
```
#99adff rgb(153,173,255)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b1b4c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b6f7 Protanopia 1% of men
#a3b6f7 Deuteranopia 1% of men
#99becc Tritanopia 0.001% of the population

Trichromacy

#a2b4f7 Protanomaly 1% of men, 0.01% of women
#a2b4f7 Deuteranomaly 6% of men, 0.4% of women
#9cbadb Tritanomaly 0.01% of the population

#a1b2f7 hex color

#a1b2f7 Color Information

#a1b2f7 Color Conversion

Color Schemes with #a1b2f7

Alternatives to #a1b2f7

#a1b2f7 Preview

Shades and Tints of #a1b2f7

Tones of #a1b2f7

Color Blindness Simulator