#81c4cc hex color

In a RGB color space, hex #81c4cc is composed of 50.6% red, 76.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 3.9% magenta, 0% yellow and 20% black. It has a hue angle of 186.4 degrees, a saturation of 42.4% and a lightness of 65.3%. #81c4cc color hex could be obtained by blending #ffffff with #038999. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 51
- G 77
- B 80
RGB color chart
- C 37
- M 4
- Y 0
- K 20
CMYK color chart

● #81c4cc color description : Slightly desaturated cyan.

The hexadecimal color #81c4cc has RGB values of R:129, G:196, B:204 and CMYK values of C:0.37, M:0.04, Y:0, K:0.2. Its decimal value is 8504524.

Hex triplet	81c4cc	`#81c4cc`
RGB Decimal	129, 196, 204	`rgb(129,196,204)`
RGB Percent	50.6, 76.9, 80	`rgb(50.6%,76.9%,80%)`
CMYK	37, 4, 0, 20
HSL	186.4°, 42.4, 65.3	`hsl(186.4,42.4%,65.3%)`
HSV (or HSB)	186.4°, 36.8, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.142, -19.132, -10.736
XYZ	39.689, 48.505, 64.394
xyY	0.26, 0.318, 48.505
CIE-LCH	75.142, 21.938, 209.299
CIE-LUV	75.142, -31.79, -13.495
Hunter-Lab	69.645, -20.156, -6.068
Binary	10000001, 11000100, 11001100

#81c4cc
```
#81c4cc rgb(129,196,204)
```
#cc8981
```
#cc8981 rgb(204,137,129)
```

Complementary Color

#81ccaf
```
#81ccaf rgb(129,204,175)
```
#81c4cc
```
#81c4cc rgb(129,196,204)
```
#819fcc
```
#819fcc rgb(129,159,204)
```

Analogous Color

#ccaf81
```
#ccaf81 rgb(204,175,129)
```
#81c4cc
```
#81c4cc rgb(129,196,204)
```
#cc819f
```
#cc819f rgb(204,129,159)
```

Split Complementary Color

#c4cc81
```
#c4cc81 rgb(196,204,129)
```
#81c4cc
```
#81c4cc rgb(129,196,204)
```
#cc81c4
```
#cc81c4 rgb(204,129,196)
```

Triadic Color

#81cc89
```
#81cc89 rgb(129,204,137)
```
#81c4cc
```
#81c4cc rgb(129,196,204)
```
#cc81c4
```
#cc81c4 rgb(204,129,196)
```
#cc8981
```
#cc8981 rgb(204,137,129)
```

Tetradic Color

#4babb6
```
#4babb6 rgb(75,171,182)
```
#5db3bd
```
#5db3bd rgb(93,179,189)
```
#6fbcc5
```
#6fbcc5 rgb(111,188,197)
```
#81c4cc
```
#81c4cc rgb(129,196,204)
```
#93cdd3
```
#93cdd3 rgb(147,205,211)
```
#a5d5db
```
#a5d5db rgb(165,213,219)
```
#b7dee2
```
#b7dee2 rgb(183,222,226)
```

Monochromatic Color

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

#81ccc1
```
#81ccc1 rgb(129,204,193)
```
#81ccc8
```
#81ccc8 rgb(129,204,200)
```
#81cacc
```
#81cacc rgb(129,202,204)
```
#81c4cc
```
#81c4cc rgb(129,196,204)
```
#81becc
```
#81becc rgb(129,190,204)
```
#81b8cc
```
#81b8cc rgb(129,184,204)
```
#81b1cc
```
#81b1cc rgb(129,177,204)
```

Similar Colors

Text with hexadecimal color #81c4cc

This text has a font color of #81c4cc.

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

#81c4cc background color

This paragraph has a background color of #81c4cc.

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

#81c4cc border color

This element has a border color of #81c4cc.

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

CSS codes

.text {color:#81c4cc;}

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

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

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, #060d0e is the darkest color, while #ffffff is the lightest one.

#060d0e
```
#060d0e rgb(6,13,14)
```
#0b1a1c
```
#0b1a1c rgb(11,26,28)
```
#11272a
```
#11272a rgb(17,39,42)
```
#163438
```
#163438 rgb(22,52,56)
```
#1c4145
```
#1c4145 rgb(28,65,69)
```
#224e53
```
#224e53 rgb(34,78,83)
```
#275b61
```
#275b61 rgb(39,91,97)
```
#2d686f
```
#2d686f rgb(45,104,111)
```
#33757d
```
#33757d rgb(51,117,125)
```
#38828b
```
#38828b rgb(56,130,139)
```
#3e9099
```
#3e9099 rgb(62,144,153)
```
#449da7
```
#449da7 rgb(68,157,167)
```
#49aab5
```
#49aab5 rgb(73,170,181)
```

Shade Color Variation

#57b0bb
```
#57b0bb rgb(87,176,187)
```
#65b7c1
```
#65b7c1 rgb(101,183,193)
```
#73bdc6
```
#73bdc6 rgb(115,189,198)
```
#81c4cc
```
#81c4cc rgb(129,196,204)
```
#8fcbd2
```
#8fcbd2 rgb(143,203,210)
```
#9dd1d7
```
#9dd1d7 rgb(157,209,215)
```
#abd8dd
```
#abd8dd rgb(171,216,221)
```
#b9dee3
```
#b9dee3 rgb(185,222,227)
```
#c7e5e8
```
#c7e5e8 rgb(199,229,232)
```
#d5ebee
```
#d5ebee rgb(213,235,238)
```
#e3f2f4
```
#e3f2f4 rgb(227,242,244)
```
#f1f8f9
```
#f1f8f9 rgb(241,248,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a3a9aa
```
#a3a9aa rgb(163,169,170)
```
#9cafb1
```
#9cafb1 rgb(156,175,177)
```
#95b4b8
```
#95b4b8 rgb(149,180,184)
```
#8fb9be
```
#8fb9be rgb(143,185,190)
```
#88bfc5
```
#88bfc5 rgb(136,191,197)
```
#81c4cc
```
#81c4cc rgb(129,196,204)
```
#7ac9d3
```
#7ac9d3 rgb(122,201,211)
```
#73cfda
```
#73cfda rgb(115,207,218)
```
#6dd4e0
```
#6dd4e0 rgb(109,212,224)
```
#66d9e7
```
#66d9e7 rgb(102,217,231)
```
#5fdfee
```
#5fdfee rgb(95,223,238)
```
#58e4f5
```
#58e4f5 rgb(88,228,245)
```
#51e9fc
```
#51e9fc rgb(81,233,252)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a7b5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbbc8 Protanopia 1% of men
#c2b8d3 Deuteranopia 1% of men
#89c6d4 Tritanopia 0.001% of the population

Trichromacy

#a6bec9 Protanomaly 1% of men, 0.01% of women
#aabcd1 Deuteranomaly 6% of men, 0.4% of women
#86c5d1 Tritanomaly 0.01% of the population

#81c4cc hex color

#81c4cc Color Information

#81c4cc Color Conversion

Color Schemes with #81c4cc

Alternatives to #81c4cc

#81c4cc Preview

Shades and Tints of #81c4cc

Tones of #81c4cc

Color Blindness Simulator