#31aacf hex color

In a RGB color space, hex #31aacf is composed of 19.2% red, 66.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 17.9% magenta, 0% yellow and 18.8% black. It has a hue angle of 194.1 degrees, a saturation of 62.2% and a lightness of 50.2%. #31aacf color hex could be obtained by blending #62ffff with #00559f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 67
- B 81
RGB color chart
- C 76
- M 18
- Y 0
- K 19
CMYK color chart

● #31aacf color description : Strong cyan.

The hexadecimal color #31aacf has RGB values of R:49, G:170, B:207 and CMYK values of C:0.76, M:0.18, Y:0, K:0.19. Its decimal value is 3254991.

Hex triplet	31aacf	`#31aacf`
RGB Decimal	49, 170, 207	`rgb(49,170,207)`
RGB Percent	19.2, 66.7, 81.2	`rgb(19.2%,66.7%,81.2%)`
CMYK	76, 18, 0, 19
HSL	194.1°, 62.2, 50.2	`hsl(194.1,62.2%,50.2%)`
HSV (or HSB)	194.1°, 76.3, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.887, -20.37, -28.208
XYZ	26.901, 33.905, 64.155
xyY	0.215, 0.271, 33.905
CIE-LCH	64.887, 34.795, 234.166
CIE-LUV	64.887, -42.194, -41.457
Hunter-Lab	58.228, -19.434, -24.565
Binary	00110001, 10101010, 11001111

#31aacf
```
#31aacf rgb(49,170,207)
```
#cf5631
```
#cf5631 rgb(207,86,49)
```

Complementary Color

#31cfa5
```
#31cfa5 rgb(49,207,165)
```
#31aacf
```
#31aacf rgb(49,170,207)
```
#315bcf
```
#315bcf rgb(49,91,207)
```

Analogous Color

#cfa531
```
#cfa531 rgb(207,165,49)
```
#31aacf
```
#31aacf rgb(49,170,207)
```
#cf315b
```
#cf315b rgb(207,49,91)
```

Split Complementary Color

#aacf31
```
#aacf31 rgb(170,207,49)
```
#31aacf
```
#31aacf rgb(49,170,207)
```
#cf31aa
```
#cf31aa rgb(207,49,170)
```

Triadic Color

#31cf56
```
#31cf56 rgb(49,207,86)
```
#31aacf
```
#31aacf rgb(49,170,207)
```
#cf31aa
```
#cf31aa rgb(207,49,170)
```
#cf5631
```
#cf5631 rgb(207,86,49)
```

Tetradic Color

#227792
```
#227792 rgb(34,119,146)
```
#2788a6
```
#2788a6 rgb(39,136,166)
```
#2c99bb
```
#2c99bb rgb(44,153,187)
```
#31aacf
```
#31aacf rgb(49,170,207)
```
#46b3d4
```
#46b3d4 rgb(70,179,212)
```
#5abbd9
```
#5abbd9 rgb(90,187,217)
```
#6fc4dd
```
#6fc4dd rgb(111,196,221)
```

Monochromatic Color

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

#31cfcd
```
#31cfcd rgb(49,207,205)
```
#31c4cf
```
#31c4cf rgb(49,196,207)
```
#31b7cf
```
#31b7cf rgb(49,183,207)
```
#31aacf
```
#31aacf rgb(49,170,207)
```
#319dcf
```
#319dcf rgb(49,157,207)
```
#3190cf
```
#3190cf rgb(49,144,207)
```
#3183cf
```
#3183cf rgb(49,131,207)
```

Similar Colors

Text with hexadecimal color #31aacf

This text has a font color of #31aacf.

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

#31aacf background color

This paragraph has a background color of #31aacf.

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

#31aacf border color

This element has a border color of #31aacf.

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

CSS codes

.text {color:#31aacf;}

.background {background-color:#31aacf;}

.border {border:1px solid #31aacf;}

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

#000101
```
#000101 rgb(0,1,1)
```
#040e11
```
#040e11 rgb(4,14,17)
```
#081b21
```
#081b21 rgb(8,27,33)
```
#0b2831
```
#0b2831 rgb(11,40,49)
```
#0f3540
```
#0f3540 rgb(15,53,64)
```
#134250
```
#134250 rgb(19,66,80)
```
#164f60
```
#164f60 rgb(22,79,96)
```
#1a5c70
```
#1a5c70 rgb(26,92,112)
```
#1e6980
```
#1e6980 rgb(30,105,128)
```
#227690
```
#227690 rgb(34,118,144)
```
#2583a0
```
#2583a0 rgb(37,131,160)
```
#2990b0
```
#2990b0 rgb(41,144,176)
```
#2d9dc0
```
#2d9dc0 rgb(45,157,192)
```

Shade Color Variation

#31aacf
```
#31aacf rgb(49,170,207)
```
#41b1d3
```
#41b1d3 rgb(65,177,211)
```
#51b7d6
```
#51b7d6 rgb(81,183,214)
```
#61beda
```
#61beda rgb(97,190,218)
```
#71c4de
```
#71c4de rgb(113,196,222)
```
#81cbe2
```
#81cbe2 rgb(129,203,226)
```
#90d1e5
```
#90d1e5 rgb(144,209,229)
```
#a0d8e9
```
#a0d8e9 rgb(160,216,233)
```
#b0dfed
```
#b0dfed rgb(176,223,237)
```
#c0e5f0
```
#c0e5f0 rgb(192,229,240)
```
#d0ecf4
```
#d0ecf4 rgb(208,236,244)
```
#e0f2f8
```
#e0f2f8 rgb(224,242,248)
```
#f0f9fb
```
#f0f9fb rgb(240,249,251)
```

Tint Color Variation

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

#7f8081
```
#7f8081 rgb(127,128,129)
```
#75868b
```
#75868b rgb(117,134,139)
```
#6c8b94
```
#6c8b94 rgb(108,139,148)
```
#62909e
```
#62909e rgb(98,144,158)
```
#5895a8
```
#5895a8 rgb(88,149,168)
```
#4e9ab2
```
#4e9ab2 rgb(78,154,178)
```
#45a0bb
```
#45a0bb rgb(69,160,187)
```
#3ba5c5
```
#3ba5c5 rgb(59,165,197)
```
#31aacf
```
#31aacf rgb(49,170,207)
```
#27afd9
```
#27afd9 rgb(39,175,217)
```
#1db4e3
```
#1db4e3 rgb(29,180,227)
```
#14baec
```
#14baec rgb(20,186,236)
```
#0abff6
```
#0abff6 rgb(10,191,246)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789098 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a0c8 Protanopia 1% of men
#91a0d6 Deuteranopia 1% of men
#23b1be Tritanopia 0.001% of the population

Trichromacy

#72a4ca Protanomaly 1% of men, 0.01% of women
#6ea3d4 Deuteranomaly 6% of men, 0.4% of women
#28aec4 Tritanomaly 0.01% of the population

#31aacf hex color

#31aacf Color Information

#31aacf Color Conversion

Color Schemes with #31aacf

Alternatives to #31aacf

#31aacf Preview

Shades and Tints of #31aacf

Tones of #31aacf

Color Blindness Simulator