#31acf7 hex color

In a RGB color space, hex #31acf7 is composed of 19.2% red, 67.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 30.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 202.7 degrees, a saturation of 92.5% and a lightness of 58%. #31acf7 color hex could be obtained by blending #62ffff with #0059ef. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 67
- B 97
RGB color chart
- C 80
- M 30
- Y 0
- K 3
CMYK color chart

● #31acf7 color description : Bright blue.

The hexadecimal color #31acf7 has RGB values of R:49, G:172, B:247 and CMYK values of C:0.8, M:0.3, Y:0, K:0.03. Its decimal value is 3255543.

Hex triplet	31acf7	`#31acf7`
RGB Decimal	49, 172, 247	`rgb(49,172,247)`
RGB Percent	19.2, 67.5, 96.9	`rgb(19.2%,67.5%,96.9%)`
CMYK	80, 30, 0, 3
HSL	202.7°, 92.5, 58	`hsl(202.7,92.5%,58%)`
HSV (or HSB)	202.7°, 80.2, 96.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.18, -7.811, -46.603
XYZ	32.804, 36.871, 93.378
xyY	0.201, 0.226, 36.871
CIE-LCH	67.18, 47.253, 260.486
CIE-LUV	67.18, -40.455, -74.368
Hunter-Lab	60.721, -9.83, -48.673
Binary	00110001, 10101100, 11110111

#31acf7
```
#31acf7 rgb(49,172,247)
```
#f77c31
```
#f77c31 rgb(247,124,49)
```

Complementary Color

#31f7df
```
#31f7df rgb(49,247,223)
```
#31acf7
```
#31acf7 rgb(49,172,247)
```
#3149f7
```
#3149f7 rgb(49,73,247)
```

Analogous Color

#f7df31
```
#f7df31 rgb(247,223,49)
```
#31acf7
```
#31acf7 rgb(49,172,247)
```
#f73149
```
#f73149 rgb(247,49,73)
```

Split Complementary Color

#acf731
```
#acf731 rgb(172,247,49)
```
#31acf7
```
#31acf7 rgb(49,172,247)
```
#f731ac
```
#f731ac rgb(247,49,172)
```

Triadic Color

#31f77c
```
#31f77c rgb(49,247,124)
```
#31acf7
```
#31acf7 rgb(49,172,247)
```
#f731ac
```
#f731ac rgb(247,49,172)
```
#f77c31
```
#f77c31 rgb(247,124,49)
```

Tetradic Color

#0886d3
```
#0886d3 rgb(8,134,211)
```
#0996ec
```
#0996ec rgb(9,150,236)
```
#18a2f6
```
#18a2f6 rgb(24,162,246)
```
#31acf7
```
#31acf7 rgb(49,172,247)
```
#4ab6f8
```
#4ab6f8 rgb(74,182,248)
```
#62c0f9
```
#62c0f9 rgb(98,192,249)
```
#7bcafa
```
#7bcafa rgb(123,202,250)
```

Monochromatic Color

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

#31def7
```
#31def7 rgb(49,222,247)
```
#31cdf7
```
#31cdf7 rgb(49,205,247)
```
#31bdf7
```
#31bdf7 rgb(49,189,247)
```
#31acf7
```
#31acf7 rgb(49,172,247)
```
#319cf7
```
#319cf7 rgb(49,156,247)
```
#318bf7
```
#318bf7 rgb(49,139,247)
```
#317bf7
```
#317bf7 rgb(49,123,247)
```

Similar Colors

Text with hexadecimal color #31acf7

This text has a font color of #31acf7.

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

#31acf7 background color

This paragraph has a background color of #31acf7.

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

#31acf7 border color

This element has a border color of #31acf7.

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

CSS codes

.text {color:#31acf7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010d15
```
#010d15 rgb(1,13,21)
```
#021927
```
#021927 rgb(2,25,39)
```
#02253a
```
#02253a rgb(2,37,58)
```
#03314d
```
#03314d rgb(3,49,77)
```
#043d60
```
#043d60 rgb(4,61,96)
```
#044973
```
#044973 rgb(4,73,115)
```
#055586
```
#055586 rgb(5,85,134)
```
#066199
```
#066199 rgb(6,97,153)
```
#076dac
```
#076dac rgb(7,109,172)
```
#0779bf
```
#0779bf rgb(7,121,191)
```
#0885d1
```
#0885d1 rgb(8,133,209)
```
#0991e4
```
#0991e4 rgb(9,145,228)
```

Shade Color Variation

#0b9df6
```
#0b9df6 rgb(11,157,246)
```
#1ea4f6
```
#1ea4f6 rgb(30,164,246)
```
#31acf7
```
#31acf7 rgb(49,172,247)
```
#44b4f8
```
#44b4f8 rgb(68,180,248)
```
#57bbf8
```
#57bbf8 rgb(87,187,248)
```
#6ac3f9
```
#6ac3f9 rgb(106,195,249)
```
#7dcafa
```
#7dcafa rgb(125,202,250)
```
#8fd2fb
```
#8fd2fb rgb(143,210,251)
```
#a2dafb
```
#a2dafb rgb(162,218,251)
```
#b5e1fc
```
#b5e1fc rgb(181,225,252)
```
#c8e9fd
```
#c8e9fd rgb(200,233,253)
```
#dbf0fe
```
#dbf0fe rgb(219,240,254)
```
#eef8fe
```
#eef8fe rgb(238,248,254)
```

Tint Color Variation

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

#949494
```
#949494 rgb(148,148,148)
```
#8c969c
```
#8c969c rgb(140,150,156)
```
#8398a5
```
#8398a5 rgb(131,152,165)
```
#7b9aad
```
#7b9aad rgb(123,154,173)
```
#739cb5
```
#739cb5 rgb(115,156,181)
```
#6b9ebd
```
#6b9ebd rgb(107,158,189)
```
#62a0c6
```
#62a0c6 rgb(98,160,198)
```
#5aa2ce
```
#5aa2ce rgb(90,162,206)
```
#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#4aa6de
```
#4aa6de rgb(74,166,222)
```
#41a8e7
```
#41a8e7 rgb(65,168,231)
```
#39aaef
```
#39aaef rgb(57,170,239)
```
#31acf7
```
#31acf7 rgb(49,172,247)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d96a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da5ef Protanopia 1% of men
#79a8fa Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#6ba8f2 Protanomaly 1% of men, 0.01% of women
#5fa9f9 Deuteranomaly 6% of men, 0.4% of women
#11b4d7 Tritanomaly 0.01% of the population

#31acf7 hex color

#31acf7 Color Information

#31acf7 Color Conversion

Color Schemes with #31acf7

Alternatives to #31acf7

#31acf7 Preview

Shades and Tints of #31acf7

Tones of #31acf7

Color Blindness Simulator