colorhexa.com

#81d2f6 hex color

In a RGB color space, hex #81d2f6 is composed of 50.6% red, 82.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 14.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 198.5 degrees, a saturation of 86.7% and a lightness of 73.5%. #81d2f6 color hex could be obtained by blending #ffffff with #03a5ed. Closest websafe color is: #99ccff.

- R 51
- G 82
- B 96
RGB color chart
- C 48
- M 15
- Y 0
- K 4
CMYK color chart

● #81d2f6 color description : Soft blue.

The hexadecimal color #81d2f6 has RGB values of R:129, G:210, B:246 and CMYK values of C:0.48, M:0.15, Y:0, K:0.04. Its decimal value is 8508150.

Hex triplet	81d2f6	`#81d2f6`
RGB Decimal	129, 210, 246	`rgb(129,210,246)`
RGB Percent	50.6, 82.4, 96.5	`rgb(50.6%,82.4%,96.5%)`
CMYK	48, 15, 0, 4
HSL	198.5°, 86.7, 73.5	`hsl(198.5,86.7%,73.5%)`
HSV (or HSB)	198.5°, 47.6, 96.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.41, -15.381, -25.352
XYZ	48.73, 57.411, 95.697
xyY	0.241, 0.284, 57.411
CIE-LCH	80.41, 29.653, 238.755
CIE-LUV	80.41, -36.584, -38.332
Hunter-Lab	75.77, -17.799, -21.844
Binary	10000001, 11010010, 11110110

#81d2f6
```
#81d2f6 rgb(129,210,246)
```
#f6a581
```
#f6a581 rgb(246,165,129)
```

Complementary Color

#81f6e0
```
#81f6e0 rgb(129,246,224)
```
#81d2f6
```
#81d2f6 rgb(129,210,246)
```
#8198f6
```
#8198f6 rgb(129,152,246)
```

Analogous Color

#f6e081
```
#f6e081 rgb(246,224,129)
```
#81d2f6
```
#81d2f6 rgb(129,210,246)
```
#f68198
```
#f68198 rgb(246,129,152)
```

Split Complementary Color

#d2f681
```
#d2f681 rgb(210,246,129)
```
#81d2f6
```
#81d2f6 rgb(129,210,246)
```
#f681d2
```
#f681d2 rgb(246,129,210)
```

Triadic Color

#81f6a5
```
#81f6a5 rgb(129,246,165)
```
#81d2f6
```
#81d2f6 rgb(129,210,246)
```
#f681d2
```
#f681d2 rgb(246,129,210)
```
#f6a581
```
#f6a581 rgb(246,165,129)
```

Tetradic Color

#3ab9f1
```
#3ab9f1 rgb(58,185,241)
```
#51c1f3
```
#51c1f3 rgb(81,193,243)
```
#69caf4
```
#69caf4 rgb(105,202,244)
```
#81d2f6
```
#81d2f6 rgb(129,210,246)
```
#99dbf8
```
#99dbf8 rgb(153,219,248)
```
#b1e3f9
```
#b1e3f9 rgb(177,227,249)
```
#c8ecfb
```
#c8ecfb rgb(200,236,251)
```

Monochromatic Color

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

#81eff6
```
#81eff6 rgb(129,239,246)
```
#81e6f6
```
#81e6f6 rgb(129,230,246)
```
#81dcf6
```
#81dcf6 rgb(129,220,246)
```
#81d2f6
```
#81d2f6 rgb(129,210,246)
```
#81c8f6
```
#81c8f6 rgb(129,200,246)
```
#81bff6
```
#81bff6 rgb(129,191,246)
```
#81b5f6
```
#81b5f6 rgb(129,181,246)
```

Similar Colors

Text with hexadecimal color #81d2f6

This text has a font color of #81d2f6.

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

#81d2f6 background color

This paragraph has a background color of #81d2f6.

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

#81d2f6 border color

This element has a border color of #81d2f6.

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

CSS codes

.text {color:#81d2f6;}

.background {background-color:#81d2f6;}

.border {border:1px solid #81d2f6;}

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

#000202
```
#000202 rgb(0,2,2)
```
#010f14
```
#010f14 rgb(1,15,20)
```
#031c27
```
#031c27 rgb(3,28,39)
```
#042939
```
#042939 rgb(4,41,57)
```
#05364b
```
#05364b rgb(5,54,75)
```
#07435e
```
#07435e rgb(7,67,94)
```
#085070
```
#085070 rgb(8,80,112)
```
#095d82
```
#095d82 rgb(9,93,130)
```
#0b6a95
```
#0b6a95 rgb(11,106,149)
```
#0c77a7
```
#0c77a7 rgb(12,119,167)
```
#0d84b9
```
#0d84b9 rgb(13,132,185)
```
#0f91cc
```
#0f91cc rgb(15,145,204)
```
#109ede
```
#109ede rgb(16,158,222)
```

Shade Color Variation

#13abee
```
#13abee rgb(19,171,238)
```
#25b1ef
```
#25b1ef rgb(37,177,239)
```
#38b8f1
```
#38b8f1 rgb(56,184,241)
```
#4abef2
```
#4abef2 rgb(74,190,242)
```
#5cc5f3
```
#5cc5f3 rgb(92,197,243)
```
#6fcbf5
```
#6fcbf5 rgb(111,203,245)
```
#81d2f6
```
#81d2f6 rgb(129,210,246)
```
#93d9f7
```
#93d9f7 rgb(147,217,247)
```
#a6dff9
```
#a6dff9 rgb(166,223,249)
```
#b8e6fa
```
#b8e6fa rgb(184,230,250)
```
#caecfb
```
#caecfb rgb(202,236,251)
```
#ddf3fd
```
#ddf3fd rgb(221,243,253)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

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

#babcbd
```
#babcbd rgb(186,188,189)
```
#b5bec2
```
#b5bec2 rgb(181,190,194)
```
#b0c0c7
```
#b0c0c7 rgb(176,192,199)
```
#abc2cc
```
#abc2cc rgb(171,194,204)
```
#a5c4d2
```
#a5c4d2 rgb(165,196,210)
```
#a0c6d7
```
#a0c6d7 rgb(160,198,215)
```
#9bc8dc
```
#9bc8dc rgb(155,200,220)
```
#96cae1
```
#96cae1 rgb(150,202,225)
```
#91cce6
```
#91cce6 rgb(145,204,230)
```
#8bceec
```
#8bceec rgb(139,206,236)
```
#86d0f1
```
#86d0f1 rgb(134,208,241)
```
#81d2f6
```
#81d2f6 rgb(129,210,246)
```
#7cd4fb
```
#7cd4fb rgb(124,212,251)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b2c2c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c8ef Protanopia 1% of men
#c1c6fb Deuteranopia 1% of men
#81d7e6 Tritanopia 0.001% of the population

Trichromacy

#aaccf1 Protanomaly 1% of men, 0.01% of women
#aacaf9 Deuteranomaly 6% of men, 0.4% of women
#81d5ec Tritanomaly 0.01% of the population