#81ccf2 hex color

In a RGB color space, hex #81ccf2 is composed of 50.6% red, 80% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 15.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 200.2 degrees, a saturation of 81.3% and a lightness of 72.7%. #81ccf2 color hex could be obtained by blending #ffffff with #0399e5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 51
- G 80
- B 95
RGB color chart
- C 47
- M 16
- Y 0
- K 5
CMYK color chart

● #81ccf2 color description : Soft blue.

The hexadecimal color #81ccf2 has RGB values of R:129, G:204, B:242 and CMYK values of C:0.47, M:0.16, Y:0, K:0.05. Its decimal value is 8506610.

Hex triplet	81ccf2	`#81ccf2`
RGB Decimal	129, 204, 242	`rgb(129,204,242)`
RGB Percent	50.6, 80, 94.9	`rgb(50.6%,80%,94.9%)`
CMYK	47, 16, 0, 5
HSL	200.2°, 81.3, 72.7	`hsl(200.2,81.3%,72.7%)`
HSV (or HSB)	200.2°, 46.7, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.614, -13.36, -25.96
XYZ	46.669, 54.261, 92.014
xyY	0.242, 0.281, 54.261
CIE-LCH	78.614, 29.196, 242.768
CIE-LUV	78.614, -34.341, -39.538
Hunter-Lab	73.662, -15.819, -22.498
Binary	10000001, 11001100, 11110010

#81ccf2
```
#81ccf2 rgb(129,204,242)
```
#f2a781
```
#f2a781 rgb(242,167,129)
```

Complementary Color

#81f2e0
```
#81f2e0 rgb(129,242,224)
```
#81ccf2
```
#81ccf2 rgb(129,204,242)
```
#8194f2
```
#8194f2 rgb(129,148,242)
```

Analogous Color

#f2e081
```
#f2e081 rgb(242,224,129)
```
#81ccf2
```
#81ccf2 rgb(129,204,242)
```
#f28194
```
#f28194 rgb(242,129,148)
```

Split Complementary Color

#ccf281
```
#ccf281 rgb(204,242,129)
```
#81ccf2
```
#81ccf2 rgb(129,204,242)
```
#f281cc
```
#f281cc rgb(242,129,204)
```

Triadic Color

#81f2a7
```
#81f2a7 rgb(129,242,167)
```
#81ccf2
```
#81ccf2 rgb(129,204,242)
```
#f281cc
```
#f281cc rgb(242,129,204)
```
#f2a781
```
#f2a781 rgb(242,167,129)
```

Tetradic Color

#3cb0eb
```
#3cb0eb rgb(60,176,235)
```
#53b9ed
```
#53b9ed rgb(83,185,237)
```
#6ac3f0
```
#6ac3f0 rgb(106,195,240)
```
#81ccf2
```
#81ccf2 rgb(129,204,242)
```
#98d5f4
```
#98d5f4 rgb(152,213,244)
```
#afdff7
```
#afdff7 rgb(175,223,247)
```
#c6e8f9
```
#c6e8f9 rgb(198,232,249)
```

Monochromatic Color

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

#81e8f2
```
#81e8f2 rgb(129,232,242)
```
#81dff2
```
#81dff2 rgb(129,223,242)
```
#81d5f2
```
#81d5f2 rgb(129,213,242)
```
#81ccf2
```
#81ccf2 rgb(129,204,242)
```
#81c3f2
```
#81c3f2 rgb(129,195,242)
```
#81b9f2
```
#81b9f2 rgb(129,185,242)
```
#81b0f2
```
#81b0f2 rgb(129,176,242)
```

Similar Colors

Text with hexadecimal color #81ccf2

This text has a font color of #81ccf2.

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

#81ccf2 background color

This paragraph has a background color of #81ccf2.

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

#81ccf2 border color

This element has a border color of #81ccf2.

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

CSS codes

.text {color:#81ccf2;}

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

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

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, #020b10 is the darkest color, while #fdfeff is the lightest one.

#020b10
```
#020b10 rgb(2,11,16)
```
#041822
```
#041822 rgb(4,24,34)
```
#052434
```
#052434 rgb(5,36,52)
```
#073146
```
#073146 rgb(7,49,70)
```
#093d57
```
#093d57 rgb(9,61,87)
```
#0b4969
```
#0b4969 rgb(11,73,105)
```
#0d567b
```
#0d567b rgb(13,86,123)
```
#0f628d
```
#0f628d rgb(15,98,141)
```
#106f9e
```
#106f9e rgb(16,111,158)
```
#127bb0
```
#127bb0 rgb(18,123,176)
```
#1488c2
```
#1488c2 rgb(20,136,194)
```
#1694d4
```
#1694d4 rgb(22,148,212)
```
#18a0e6
```
#18a0e6 rgb(24,160,230)
```

Shade Color Variation

#28a8e9
```
#28a8e9 rgb(40,168,233)
```
#3aafeb
```
#3aafeb rgb(58,175,235)
```
#4cb6ec
```
#4cb6ec rgb(76,182,236)
```
#5dbeee
```
#5dbeee rgb(93,190,238)
```
#6fc5f0
```
#6fc5f0 rgb(111,197,240)
```
#81ccf2
```
#81ccf2 rgb(129,204,242)
```
#93d3f4
```
#93d3f4 rgb(147,211,244)
```
#a5daf6
```
#a5daf6 rgb(165,218,246)
```
#b6e2f8
```
#b6e2f8 rgb(182,226,248)
```
#c8e9f9
```
#c8e9f9 rgb(200,233,249)
```
#daf0fb
```
#daf0fb rgb(218,240,251)
```
#ecf7fd
```
#ecf7fd rgb(236,247,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#b6babd
```
#b6babd rgb(182,186,189)
```
#b1bcc2
```
#b1bcc2 rgb(177,188,194)
```
#acbec7
```
#acbec7 rgb(172,190,199)
```
#a6c0cd
```
#a6c0cd rgb(166,192,205)
```
#a1c1d2
```
#a1c1d2 rgb(161,193,210)
```
#9cc3d7
```
#9cc3d7 rgb(156,195,215)
```
#96c5dd
```
#96c5dd rgb(150,197,221)
```
#91c7e2
```
#91c7e2 rgb(145,199,226)
```
#8cc8e7
```
#8cc8e7 rgb(140,200,231)
```
#86caed
```
#86caed rgb(134,202,237)
```
#81ccf2
```
#81ccf2 rgb(129,204,242)
```
#7ccef7
```
#7ccef7 rgb(124,206,247)
```
#76d0fd
```
#76d0fd rgb(118,208,253)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#afbec5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc3eb Protanopia 1% of men
#bcc2f7 Deuteranopia 1% of men
#80d1e1 Tritanopia 0.001% of the population

Trichromacy

#a6c6ee Protanomaly 1% of men, 0.01% of women
#a6c5f5 Deuteranomaly 6% of men, 0.4% of women
#80cfe7 Tritanomaly 0.01% of the population

#81ccf2 hex color

#81ccf2 Color Information

#81ccf2 Color Conversion

Color Schemes with #81ccf2

Alternatives to #81ccf2

#81ccf2 Preview

Shades and Tints of #81ccf2

Tones of #81ccf2

Color Blindness Simulator