#31a4cc hex color

In a RGB color space, hex #31a4cc is composed of 19.2% red, 64.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 19.6% magenta, 0% yellow and 20% black. It has a hue angle of 195.5 degrees, a saturation of 61.3% and a lightness of 49.6%. #31a4cc color hex could be obtained by blending #62ffff with #004999. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 64
- B 80
RGB color chart
- C 76
- M 20
- Y 0
- K 20
CMYK color chart

● #31a4cc color description : Strong blue.

The hexadecimal color #31a4cc has RGB values of R:49, G:164, B:204 and CMYK values of C:0.76, M:0.2, Y:0, K:0.2. Its decimal value is 3253452.

Hex triplet	31a4cc	`#31a4cc`
RGB Decimal	49, 164, 204	`rgb(49,164,204)`
RGB Percent	19.2, 64.3, 80	`rgb(19.2%,64.3%,80%)`
CMYK	76, 20, 0, 20
HSL	195.5°, 61.3, 49.6	`hsl(195.5,61.3%,49.6%)`
HSV (or HSB)	195.5°, 76, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.979, -18.205, -29.489
XYZ	25.438, 31.561, 61.875
xyY	0.214, 0.266, 31.561
CIE-LCH	62.979, 34.655, 238.311
CIE-LUV	62.979, -40.267, -43.678
Hunter-Lab	56.179, -17.488, -25.975
Binary	00110001, 10100100, 11001100

#31a4cc
```
#31a4cc rgb(49,164,204)
```
#cc5931
```
#cc5931 rgb(204,89,49)
```

Complementary Color

#31cca7
```
#31cca7 rgb(49,204,167)
```
#31a4cc
```
#31a4cc rgb(49,164,204)
```
#3157cc
```
#3157cc rgb(49,87,204)
```

Analogous Color

#cca731
```
#cca731 rgb(204,167,49)
```
#31a4cc
```
#31a4cc rgb(49,164,204)
```
#cc3157
```
#cc3157 rgb(204,49,87)
```

Split Complementary Color

#a4cc31
```
#a4cc31 rgb(164,204,49)
```
#31a4cc
```
#31a4cc rgb(49,164,204)
```
#cc31a4
```
#cc31a4 rgb(204,49,164)
```

Triadic Color

#31cc59
```
#31cc59 rgb(49,204,89)
```
#31a4cc
```
#31a4cc rgb(49,164,204)
```
#cc31a4
```
#cc31a4 rgb(204,49,164)
```
#cc5931
```
#cc5931 rgb(204,89,49)
```

Tetradic Color

#22728e
```
#22728e rgb(34,114,142)
```
#2783a3
```
#2783a3 rgb(39,131,163)
```
#2c93b7
```
#2c93b7 rgb(44,147,183)
```
#31a4cc
```
#31a4cc rgb(49,164,204)
```
#44aed2
```
#44aed2 rgb(68,174,210)
```
#59b7d7
```
#59b7d7 rgb(89,183,215)
```
#6dc0dc
```
#6dc0dc rgb(109,192,220)
```

Monochromatic Color

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

#31cbcc
```
#31cbcc rgb(49,203,204)
```
#31becc
```
#31becc rgb(49,190,204)
```
#31b1cc
```
#31b1cc rgb(49,177,204)
```
#31a4cc
```
#31a4cc rgb(49,164,204)
```
#3197cc
```
#3197cc rgb(49,151,204)
```
#318acc
```
#318acc rgb(49,138,204)
```
#317dcc
```
#317dcc rgb(49,125,204)
```

Similar Colors

Text with hexadecimal color #31a4cc

This text has a font color of #31a4cc.

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

#31a4cc background color

This paragraph has a background color of #31a4cc.

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

#31a4cc border color

This element has a border color of #31a4cc.

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

CSS codes

.text {color:#31a4cc;}

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

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

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

#030b0e
```
#030b0e rgb(3,11,14)
```
#07181e
```
#07181e rgb(7,24,30)
```
#0b252e
```
#0b252e rgb(11,37,46)
```
#0f323e
```
#0f323e rgb(15,50,62)
```
#133e4d
```
#133e4d rgb(19,62,77)
```
#164b5d
```
#164b5d rgb(22,75,93)
```
#1a586d
```
#1a586d rgb(26,88,109)
```
#1e647d
```
#1e647d rgb(30,100,125)
```
#22718d
```
#22718d rgb(34,113,141)
```
#267e9d
```
#267e9d rgb(38,126,157)
```
#298bac
```
#298bac rgb(41,139,172)
```
#2d97bc
```
#2d97bc rgb(45,151,188)
```
#31a4cc
```
#31a4cc rgb(49,164,204)
```

Shade Color Variation

#40abd1
```
#40abd1 rgb(64,171,209)
```
#4fb2d5
```
#4fb2d5 rgb(79,178,213)
```
#5fb9d9
```
#5fb9d9 rgb(95,185,217)
```
#6fc0dc
```
#6fc0dc rgb(111,192,220)
```
#7fc7e0
```
#7fc7e0 rgb(127,199,224)
```
#8fcee4
```
#8fcee4 rgb(143,206,228)
```
#9ed5e8
```
#9ed5e8 rgb(158,213,232)
```
#aedcec
```
#aedcec rgb(174,220,236)
```
#bee3ef
```
#bee3ef rgb(190,227,239)
```
#ceeaf3
```
#ceeaf3 rgb(206,234,243)
```
#def0f7
```
#def0f7 rgb(222,240,247)
```
#eef7fb
```
#eef7fb rgb(238,247,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#758388
```
#758388 rgb(117,131,136)
```
#6b8892
```
#6b8892 rgb(107,136,146)
```
#628c9b
```
#628c9b rgb(98,140,155)
```
#5891a5
```
#5891a5 rgb(88,145,165)
```
#4e96af
```
#4e96af rgb(78,150,175)
```
#449bb9
```
#449bb9 rgb(68,155,185)
```
#3b9fc2
```
#3b9fc2 rgb(59,159,194)
```
#31a4cc
```
#31a4cc rgb(49,164,204)
```
#27a9d6
```
#27a9d6 rgb(39,169,214)
```
#1eaddf
```
#1eaddf rgb(30,173,223)
```
#14b2e9
```
#14b2e9 rgb(20,178,233)
```
#0ab7f3
```
#0ab7f3 rgb(10,183,243)
```
#00bcfd
```
#00bcfd rgb(0,188,253)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#758c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#929cc6 Protanopia 1% of men
#8a9cd3 Deuteranopia 1% of men
#1eacb9 Tritanopia 0.001% of the population

Trichromacy

#6e9ec8 Protanomaly 1% of men, 0.01% of women
#6a9ed0 Deuteranomaly 6% of men, 0.4% of women
#25a9c0 Tritanomaly 0.01% of the population

#31a4cc hex color

#31a4cc Color Information

#31a4cc Color Conversion

Color Schemes with #31a4cc

Alternatives to #31a4cc

#31a4cc Preview

Shades and Tints of #31a4cc

Tones of #31a4cc

Color Blindness Simulator