#31d1f4 hex color

In a RGB color space, hex #31d1f4 is composed of 19.2% red, 82% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 14.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 190.8 degrees, a saturation of 89.9% and a lightness of 57.5%. #31d1f4 color hex could be obtained by blending #62ffff with #00a3e9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 82
- B 96
RGB color chart
- C 80
- M 14
- Y 0
- K 4
CMYK color chart

● #31d1f4 color description : Bright cyan.

The hexadecimal color #31d1f4 has RGB values of R:49, G:209, B:244 and CMYK values of C:0.8, M:0.14, Y:0, K:0.04. Its decimal value is 3265012.

Hex triplet	31d1f4	`#31d1f4`
RGB Decimal	49, 209, 244	`rgb(49,209,244)`
RGB Percent	19.2, 82, 95.7	`rgb(19.2%,82%,95.7%)`
CMYK	80, 14, 0, 4
HSL	190.8°, 89.9, 57.5	`hsl(190.8,89.9%,57.5%)`
HSV (or HSB)	190.8°, 79.9, 95.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.746, -28.164, -28.565
XYZ	40.392, 52.782, 93.642
xyY	0.216, 0.283, 52.782
CIE-LCH	77.746, 40.114, 225.405
CIE-LUV	77.746, -53.246, -41.991
Hunter-Lab	72.651, -27.899, -25.565
Binary	00110001, 11010001, 11110100

#31d1f4
```
#31d1f4 rgb(49,209,244)
```
#f45431
```
#f45431 rgb(244,84,49)
```

Complementary Color

#31f4b6
```
#31f4b6 rgb(49,244,182)
```
#31d1f4
```
#31d1f4 rgb(49,209,244)
```
#3170f4
```
#3170f4 rgb(49,112,244)
```

Analogous Color

#f4b631
```
#f4b631 rgb(244,182,49)
```
#31d1f4
```
#31d1f4 rgb(49,209,244)
```
#f43170
```
#f43170 rgb(244,49,112)
```

Split Complementary Color

#d1f431
```
#d1f431 rgb(209,244,49)
```
#31d1f4
```
#31d1f4 rgb(49,209,244)
```
#f431d1
```
#f431d1 rgb(244,49,209)
```

Triadic Color

#31f454
```
#31f454 rgb(49,244,84)
```
#31d1f4
```
#31d1f4 rgb(49,209,244)
```
#f431d1
```
#f431d1 rgb(244,49,209)
```
#f45431
```
#f45431 rgb(244,84,49)
```

Tetradic Color

#0babce
```
#0babce rgb(11,171,206)
```
#0cbfe6
```
#0cbfe6 rgb(12,191,230)
```
#19ccf3
```
#19ccf3 rgb(25,204,243)
```
#31d1f4
```
#31d1f4 rgb(49,209,244)
```
#49d6f5
```
#49d6f5 rgb(73,214,245)
```
#61dcf7
```
#61dcf7 rgb(97,220,247)
```
#7ae1f8
```
#7ae1f8 rgb(122,225,248)
```

Monochromatic Color

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

#31f4e6
```
#31f4e6 rgb(49,244,230)
```
#31f2f4
```
#31f2f4 rgb(49,242,244)
```
#31e1f4
```
#31e1f4 rgb(49,225,244)
```
#31d1f4
```
#31d1f4 rgb(49,209,244)
```
#31c1f4
```
#31c1f4 rgb(49,193,244)
```
#31b1f4
```
#31b1f4 rgb(49,177,244)
```
#31a0f4
```
#31a0f4 rgb(49,160,244)
```

Similar Colors

Text with hexadecimal color #31d1f4

This text has a font color of #31d1f4.

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

#31d1f4 background color

This paragraph has a background color of #31d1f4.

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

#31d1f4 border color

This element has a border color of #31d1f4.

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

CSS codes

.text {color:#31d1f4;}

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

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

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, #010e11 is the darkest color, while #feffff is the lightest one.

#010e11
```
#010e11 rgb(1,14,17)
```
#021e24
```
#021e24 rgb(2,30,36)
```
#032d37
```
#032d37 rgb(3,45,55)
```
#043d49
```
#043d49 rgb(4,61,73)
```
#054c5c
```
#054c5c rgb(5,76,92)
```
#065c6f
```
#065c6f rgb(6,92,111)
```
#076b81
```
#076b81 rgb(7,107,129)
```
#087b94
```
#087b94 rgb(8,123,148)
```
#098aa6
```
#098aa6 rgb(9,138,166)
```
#0a9ab9
```
#0a9ab9 rgb(10,154,185)
```
#0ba9cc
```
#0ba9cc rgb(11,169,204)
```
#0cb9de
```
#0cb9de rgb(12,185,222)
```
#0dc8f1
```
#0dc8f1 rgb(13,200,241)
```

Shade Color Variation

#1ecdf3
```
#1ecdf3 rgb(30,205,243)
```
#31d1f4
```
#31d1f4 rgb(49,209,244)
```
#44d5f5
```
#44d5f5 rgb(68,213,245)
```
#56d9f6
```
#56d9f6 rgb(86,217,246)
```
#69ddf7
```
#69ddf7 rgb(105,221,247)
```
#7be2f8
```
#7be2f8 rgb(123,226,248)
```
#8ee6f9
```
#8ee6f9 rgb(142,230,249)
```
#a1eafa
```
#a1eafa rgb(161,234,250)
```
#b3eefb
```
#b3eefb rgb(179,238,251)
```
#c6f2fc
```
#c6f2fc rgb(198,242,252)
```
#d9f6fd
```
#d9f6fd rgb(217,246,253)
```
#ebfbfe
```
#ebfbfe rgb(235,251,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9698 is the less saturated color, while #29d6fc is the most saturated one.

#8d9698
```
#8d9698 rgb(141,150,152)
```
#849ba1
```
#849ba1 rgb(132,155,161)
```
#7ca1a9
```
#7ca1a9 rgb(124,161,169)
```
#74a6b1
```
#74a6b1 rgb(116,166,177)
```
#6bacba
```
#6bacba rgb(107,172,186)
```
#63b1c2
```
#63b1c2 rgb(99,177,194)
```
#5bb6ca
```
#5bb6ca rgb(91,182,202)
```
#52bcd3
```
#52bcd3 rgb(82,188,211)
```
#4ac1db
```
#4ac1db rgb(74,193,219)
```
#42c6e3
```
#42c6e3 rgb(66,198,227)
```
#39ccec
```
#39ccec rgb(57,204,236)
```
#31d1f4
```
#31d1f4 rgb(49,209,244)
```
#29d6fc
```
#29d6fc rgb(41,214,252)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8eaeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac1e9 Protanopia 1% of men
#b4c0fb Deuteranopia 1% of men
#23d6e5 Tritanopia 0.001% of the population

Trichromacy

#88c7ed Protanomaly 1% of men, 0.01% of women
#84c6f9 Deuteranomaly 6% of men, 0.4% of women
#28d4ea Tritanomaly 0.01% of the population

#31d1f4 hex color

#31d1f4 Color Information

#31d1f4 Color Conversion

Color Schemes with #31d1f4

Alternatives to #31d1f4

#31d1f4 Preview

Shades and Tints of #31d1f4

Tones of #31d1f4

Color Blindness Simulator