#31d0ec hex color

In a RGB color space, hex #31d0ec is composed of 19.2% red, 81.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 11.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 189 degrees, a saturation of 83.1% and a lightness of 55.9%. #31d0ec color hex could be obtained by blending #62ffff with #00a1d9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 82
- B 93
RGB color chart
- C 79
- M 12
- Y 0
- K 7
CMYK color chart

● #31d0ec color description : Bright cyan.

The hexadecimal color #31d0ec has RGB values of R:49, G:208, B:236 and CMYK values of C:0.79, M:0.12, Y:0, K:0.07. Its decimal value is 3264748.

Hex triplet	31d0ec	`#31d0ec`
RGB Decimal	49, 208, 236	`rgb(49,208,236)`
RGB Percent	19.2, 81.6, 92.5	`rgb(19.2%,81.6%,92.5%)`
CMYK	79, 12, 0, 7
HSL	189°, 83.1, 55.9	`hsl(189,83.1%,55.9%)`
HSV (or HSB)	189°, 79.2, 92.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.171, -30.187, -25.161
XYZ	38.959, 51.817, 87.301
xyY	0.219, 0.291, 51.817
CIE-LCH	77.171, 39.298, 219.812
CIE-LUV	77.171, -53.469, -35.888
Hunter-Lab	71.984, -29.366, -21.517
Binary	00110001, 11010000, 11101100

#31d0ec
```
#31d0ec rgb(49,208,236)
```
#ec4d31
```
#ec4d31 rgb(236,77,49)
```

Complementary Color

#31ecab
```
#31ecab rgb(49,236,171)
```
#31d0ec
```
#31d0ec rgb(49,208,236)
```
#3173ec
```
#3173ec rgb(49,115,236)
```

Analogous Color

#ecab31
```
#ecab31 rgb(236,171,49)
```
#31d0ec
```
#31d0ec rgb(49,208,236)
```
#ec3173
```
#ec3173 rgb(236,49,115)
```

Split Complementary Color

#d0ec31
```
#d0ec31 rgb(208,236,49)
```
#31d0ec
```
#31d0ec rgb(49,208,236)
```
#ec31d0
```
#ec31d0 rgb(236,49,208)
```

Triadic Color

#31ec4d
```
#31ec4d rgb(49,236,77)
```
#31d0ec
```
#31d0ec rgb(49,208,236)
```
#ec31d0
```
#ec31d0 rgb(236,49,208)
```
#ec4d31
```
#ec4d31 rgb(236,77,49)
```

Tetradic Color

#12a5bf
```
#12a5bf rgb(18,165,191)
```
#14b9d6
```
#14b9d6 rgb(20,185,214)
```
#1acbea
```
#1acbea rgb(26,203,234)
```
#31d0ec
```
#31d0ec rgb(49,208,236)
```
#48d5ee
```
#48d5ee rgb(72,213,238)
```
#60dbf0
```
#60dbf0 rgb(96,219,240)
```
#77e0f2
```
#77e0f2 rgb(119,224,242)
```

Monochromatic Color

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

#31ecd9
```
#31ecd9 rgb(49,236,217)
```
#31ece9
```
#31ece9 rgb(49,236,233)
```
#31e0ec
```
#31e0ec rgb(49,224,236)
```
#31d0ec
```
#31d0ec rgb(49,208,236)
```
#31c0ec
```
#31c0ec rgb(49,192,236)
```
#31b1ec
```
#31b1ec rgb(49,177,236)
```
#31a1ec
```
#31a1ec rgb(49,161,236)
```

Similar Colors

Text with hexadecimal color #31d0ec

This text has a font color of #31d0ec.

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

#31d0ec background color

This paragraph has a background color of #31d0ec.

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

#31d0ec border color

This element has a border color of #31d0ec.

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

CSS codes

.text {color:#31d0ec;}

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

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

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, #01080a is the darkest color, while #f7fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#03181b
```
#03181b rgb(3,24,27)
```
#04272d
```
#04272d rgb(4,39,45)
```
#06373f
```
#06373f rgb(6,55,63)
```
#084651
```
#084651 rgb(8,70,81)
```
#095663
```
#095663 rgb(9,86,99)
```
#0b6575
```
#0b6575 rgb(11,101,117)
```
#0c7587
```
#0c7587 rgb(12,117,135)
```
#0e8499
```
#0e8499 rgb(14,132,153)
```
#1094ab
```
#1094ab rgb(16,148,171)
```
#11a3bd
```
#11a3bd rgb(17,163,189)
```
#13b3cf
```
#13b3cf rgb(19,179,207)
```
#15c2e1
```
#15c2e1 rgb(21,194,225)
```

Shade Color Variation

#1fccea
```
#1fccea rgb(31,204,234)
```
#31d0ec
```
#31d0ec rgb(49,208,236)
```
#43d4ee
```
#43d4ee rgb(67,212,238)
```
#55d8ef
```
#55d8ef rgb(85,216,239)
```
#67dcf1
```
#67dcf1 rgb(103,220,241)
```
#79e0f3
```
#79e0f3 rgb(121,224,243)
```
#8be4f4
```
#8be4f4 rgb(139,228,244)
```
#9de9f6
```
#9de9f6 rgb(157,233,246)
```
#afedf8
```
#afedf8 rgb(175,237,248)
```
#c1f1f9
```
#c1f1f9 rgb(193,241,249)
```
#d3f5fb
```
#d3f5fb rgb(211,245,251)
```
#e5f9fd
```
#e5f9fd rgb(229,249,253)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#889395
```
#889395 rgb(136,147,149)
```
#7f999e
```
#7f999e rgb(127,153,158)
```
#76a0a7
```
#76a0a7 rgb(118,160,167)
```
#6ea6af
```
#6ea6af rgb(110,166,175)
```
#65acb8
```
#65acb8 rgb(101,172,184)
```
#5cb2c1
```
#5cb2c1 rgb(92,178,193)
```
#54b8c9
```
#54b8c9 rgb(84,184,201)
```
#4bbed2
```
#4bbed2 rgb(75,190,210)
```
#42c4db
```
#42c4db rgb(66,196,219)
```
#3acae3
```
#3acae3 rgb(58,202,227)
```
#31d0ec
```
#31d0ec rgb(49,208,236)
```
#28d6f5
```
#28d6f5 rgb(40,214,245)
```
#20dcfd
```
#20dcfd rgb(32,220,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8dadb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac0e1 Protanopia 1% of men
#b7bef4 Deuteranopia 1% of men
#2ed4e3 Tritanopia 0.001% of the population

Trichromacy

#88c6e5 Protanomaly 1% of men, 0.01% of women
#86c5f1 Deuteranomaly 6% of men, 0.4% of women
#2fd2e6 Tritanomaly 0.01% of the population

#31d0ec hex color

#31d0ec Color Information

#31d0ec Color Conversion

Color Schemes with #31d0ec

Alternatives to #31d0ec

#31d0ec Preview

Shades and Tints of #31d0ec

Tones of #31d0ec

Color Blindness Simulator