#a1f1f8 hex color

In a RGB color space, hex #a1f1f8 is composed of 63.1% red, 94.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 2.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 184.8 degrees, a saturation of 86.1% and a lightness of 80.2%. #a1f1f8 color hex could be obtained by blending #ffffff with #43e3f1. Closest websafe color is: #99ffff.

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

● #a1f1f8 color description : Very soft cyan.

The hexadecimal color #a1f1f8 has RGB values of R:161, G:241, B:248 and CMYK values of C:0.35, M:0.03, Y:0, K:0.03. Its decimal value is 10613240.

Hex triplet	a1f1f8	`#a1f1f8`
RGB Decimal	161, 241, 248	`rgb(161,241,248)`
RGB Percent	63.1, 94.5, 97.3	`rgb(63.1%,94.5%,97.3%)`
CMYK	35, 3, 0, 3
HSL	184.8°, 86.1, 80.2	`hsl(184.8,86.1%,80.2%)`
HSV (or HSB)	184.8°, 35.1, 97.3
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.442, -22.639, -11.138
XYZ	63.092, 77.262, 100.39
xyY	0.262, 0.321, 77.262
CIE-LCH	90.442, 25.23, 206.197
CIE-LUV	90.442, -37.807, -13.901
Hunter-Lab	87.899, -25.699, -6.187
Binary	10100001, 11110001, 11111000

#a1f1f8
```
#a1f1f8 rgb(161,241,248)
```
#f8a8a1
```
#f8a8a1 rgb(248,168,161)
```

Complementary Color

#a1f8d4
```
#a1f8d4 rgb(161,248,212)
```
#a1f1f8
```
#a1f1f8 rgb(161,241,248)
```
#a1c6f8
```
#a1c6f8 rgb(161,198,248)
```

Analogous Color

#f8d4a1
```
#f8d4a1 rgb(248,212,161)
```
#a1f1f8
```
#a1f1f8 rgb(161,241,248)
```
#f8a1c6
```
#f8a1c6 rgb(248,161,198)
```

Split Complementary Color

#f1f8a1
```
#f1f8a1 rgb(241,248,161)
```
#a1f1f8
```
#a1f1f8 rgb(161,241,248)
```
#f8a1f1
```
#f8a1f1 rgb(248,161,241)
```

Triadic Color

#a1f8a8
```
#a1f8a8 rgb(161,248,168)
```
#a1f1f8
```
#a1f1f8 rgb(161,241,248)
```
#f8a1f1
```
#f8a1f1 rgb(248,161,241)
```
#f8a8a1
```
#f8a8a1 rgb(248,168,161)
```

Tetradic Color

#5ae6f3
```
#5ae6f3 rgb(90,230,243)
```
#72eaf4
```
#72eaf4 rgb(114,234,244)
```
#89edf6
```
#89edf6 rgb(137,237,246)
```
#a1f1f8
```
#a1f1f8 rgb(161,241,248)
```
#b9f5fa
```
#b9f5fa rgb(185,245,250)
```
#d0f8fc
```
#d0f8fc rgb(208,248,252)
```
#e8fcfd
```
#e8fcfd rgb(232,252,253)
```

Monochromatic Color

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

#a1f8e9
```
#a1f8e9 rgb(161,248,233)
```
#a1f8f1
```
#a1f8f1 rgb(161,248,241)
```
#a1f8f8
```
#a1f8f8 rgb(161,248,248)
```
#a1f1f8
```
#a1f1f8 rgb(161,241,248)
```
#a1eaf8
```
#a1eaf8 rgb(161,234,248)
```
#a1e3f8
```
#a1e3f8 rgb(161,227,248)
```
#a1dbf8
```
#a1dbf8 rgb(161,219,248)
```

Similar Colors

Text with hexadecimal color #a1f1f8

This text has a font color of #a1f1f8.

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

#a1f1f8 background color

This paragraph has a background color of #a1f1f8.

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

#a1f1f8 border color

This element has a border color of #a1f1f8.

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

CSS codes

.text {color:#a1f1f8;}

.background {background-color:#a1f1f8;}

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

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, #010e10 is the darkest color, while #fcffff is the lightest one.

#010e10
```
#010e10 rgb(1,14,16)
```
#031f22
```
#031f22 rgb(3,31,34)
```
#043034
```
#043034 rgb(4,48,52)
```
#054146
```
#054146 rgb(5,65,70)
```
#075259
```
#075259 rgb(7,82,89)
```
#08636b
```
#08636b rgb(8,99,107)
```
#09747d
```
#09747d rgb(9,116,125)
```
#0b858f
```
#0b858f rgb(11,133,143)
```
#0c96a2
```
#0c96a2 rgb(12,150,162)
```
#0da6b4
```
#0da6b4 rgb(13,166,180)
```
#0fb7c6
```
#0fb7c6 rgb(15,183,198)
```
#10c8d8
```
#10c8d8 rgb(16,200,216)
```
#11d9eb
```
#11d9eb rgb(17,217,235)
```

Shade Color Variation

#21deee
```
#21deee rgb(33,222,238)
```
#33e1f0
```
#33e1f0 rgb(51,225,240)
```
#46e3f1
```
#46e3f1 rgb(70,227,241)
```
#58e6f3
```
#58e6f3 rgb(88,230,243)
```
#6ae9f4
```
#6ae9f4 rgb(106,233,244)
```
#7cecf5
```
#7cecf5 rgb(124,236,245)
```
#8feef7
```
#8feef7 rgb(143,238,247)
```
#a1f1f8
```
#a1f1f8 rgb(161,241,248)
```
#b3f4f9
```
#b3f4f9 rgb(179,244,249)
```
#c6f6fb
```
#c6f6fb rgb(198,246,251)
```
#d8f9fc
```
#d8f9fc rgb(216,249,252)
```
#eafcfd
```
#eafcfd rgb(234,252,253)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#cccdcd
```
#cccdcd rgb(204,205,205)
```
#c8d0d1
```
#c8d0d1 rgb(200,208,209)
```
#c4d4d5
```
#c4d4d5 rgb(196,212,213)
```
#c0d7d9
```
#c0d7d9 rgb(192,215,217)
```
#bcdadd
```
#bcdadd rgb(188,218,221)
```
#b8dde1
```
#b8dde1 rgb(184,221,225)
```
#b4e1e5
```
#b4e1e5 rgb(180,225,229)
```
#b1e4e8
```
#b1e4e8 rgb(177,228,232)
```
#ade7ec
```
#ade7ec rgb(173,231,236)
```
#a9eaf0
```
#a9eaf0 rgb(169,234,240)
```
#a5eef4
```
#a5eef4 rgb(165,238,244)
```
#a1f1f8
```
#a1f1f8 rgb(161,241,248)
```
#9df4fc
```
#9df4fc rgb(157,244,252)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#cfdfe0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e3f0 Protanopia 1% of men
#eddffe Deuteranopia 1% of men
#b0efff Tritanopia 0.001% of the population

Trichromacy

#cce8f3 Protanomaly 1% of men, 0.01% of women
#d1e5fc Deuteranomaly 6% of men, 0.4% of women
#aaeffc Tritanomaly 0.01% of the population

#a1f1f8 hex color

#a1f1f8 Color Information

#a1f1f8 Color Conversion

Color Schemes with #a1f1f8

Alternatives to #a1f1f8

#a1f1f8 Preview

Shades and Tints of #a1f1f8

Tones of #a1f1f8

Color Blindness Simulator