colorhexa.com

#31bde3 hex color

In a RGB color space, hex #31bde3 is composed of 19.2% red, 74.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 16.7% magenta, 0% yellow and 11% black. It has a hue angle of 192.8 degrees, a saturation of 76.1% and a lightness of 54.1%. #31bde3 color hex could be obtained by blending #62ffff with #007bc7. Closest websafe color is: #33cccc.

- R 19
- G 74
- B 89
RGB color chart
- C 78
- M 17
- Y 0
- K 11
CMYK color chart

● #31bde3 color description : Bright cyan.

The hexadecimal color #31bde3 has RGB values of R:49, G:189, B:227 and CMYK values of C:0.78, M:0.17, Y:0, K:0.11. Its decimal value is 3259875.

Hex triplet	31bde3	`#31bde3`
RGB Decimal	49, 189, 227	`rgb(49,189,227)`
RGB Percent	19.2, 74.1, 89	`rgb(19.2%,74.1%,89%)`
CMYK	78, 17, 0, 11
HSL	192.8°, 76.1, 54.1	`hsl(192.8,76.1%,54.1%)`
HSV (or HSB)	192.8°, 78.4, 89
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.277, -23.619, -29.34
XYZ	33.326, 42.591, 79.133
xyY	0.215, 0.275, 42.591
CIE-LCH	71.277, 37.665, 231.166
CIE-LUV	71.277, -47.523, -43.473
Hunter-Lab	65.262, -23.058, -26.209
Binary	00110001, 10111101, 11100011

#31bde3
```
#31bde3 rgb(49,189,227)
```
#e35731
```
#e35731 rgb(227,87,49)
```

Complementary Color

#31e3b0
```
#31e3b0 rgb(49,227,176)
```
#31bde3
```
#31bde3 rgb(49,189,227)
```
#3164e3
```
#3164e3 rgb(49,100,227)
```

Analogous Color

#e3b031
```
#e3b031 rgb(227,176,49)
```
#31bde3
```
#31bde3 rgb(49,189,227)
```
#e33164
```
#e33164 rgb(227,49,100)
```

Split Complementary Color

#bde331
```
#bde331 rgb(189,227,49)
```
#31bde3
```
#31bde3 rgb(49,189,227)
```
#e331bd
```
#e331bd rgb(227,49,189)
```

Triadic Color

#31e357
```
#31e357 rgb(49,227,87)
```
#31bde3
```
#31bde3 rgb(49,189,227)
```
#e331bd
```
#e331bd rgb(227,49,189)
```
#e35731
```
#e35731 rgb(227,87,49)
```

Tetradic Color

#188fb0
```
#188fb0 rgb(24,143,176)
```
#1ba2c6
```
#1ba2c6 rgb(27,162,198)
```
#1eb4dd
```
#1eb4dd rgb(30,180,221)
```
#31bde3
```
#31bde3 rgb(49,189,227)
```
#47c4e6
```
#47c4e6 rgb(71,196,230)
```
#5ecbe9
```
#5ecbe9 rgb(94,203,233)
```
#74d3ec
```
#74d3ec rgb(116,211,236)
```

Monochromatic Color

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

#31e3dd
```
#31e3dd rgb(49,227,221)
```
#31dbe3
```
#31dbe3 rgb(49,219,227)
```
#31cce3
```
#31cce3 rgb(49,204,227)
```
#31bde3
```
#31bde3 rgb(49,189,227)
```
#31aee3
```
#31aee3 rgb(49,174,227)
```
#319fe3
```
#319fe3 rgb(49,159,227)
```
#3191e3
```
#3191e3 rgb(49,145,227)
```

Similar Colors

Text with hexadecimal color #31bde3

This text has a font color of #31bde3.

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

#31bde3 background color

This paragraph has a background color of #31bde3.

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

#31bde3 border color

This element has a border color of #31bde3.

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

CSS codes

.text {color:#31bde3;}

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

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

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 #effafd is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030f12
```
#030f12 rgb(3,15,18)
```
#051d24
```
#051d24 rgb(5,29,36)
```
#072b35
```
#072b35 rgb(7,43,53)
```
#0a3946
```
#0a3946 rgb(10,57,70)
```
#0c4758
```
#0c4758 rgb(12,71,88)
```
#0e5569
```
#0e5569 rgb(14,85,105)
```
#11647a
```
#11647a rgb(17,100,122)
```
#13728b
```
#13728b rgb(19,114,139)
```
#15809d
```
#15809d rgb(21,128,157)
```
#188eae
```
#188eae rgb(24,142,174)
```
#1a9cbf
```
#1a9cbf rgb(26,156,191)
```
#1caad0
```
#1caad0 rgb(28,170,208)
```

Shade Color Variation

#20b7e1
```
#20b7e1 rgb(32,183,225)
```
#31bde3
```
#31bde3 rgb(49,189,227)
```
#42c3e5
```
#42c3e5 rgb(66,195,229)
```
#54c8e8
```
#54c8e8 rgb(84,200,232)
```
#65ceea
```
#65ceea rgb(101,206,234)
```
#76d3ec
```
#76d3ec rgb(118,211,236)
```
#87d9ef
```
#87d9ef rgb(135,217,239)
```
#99def1
```
#99def1 rgb(153,222,241)
```
#aae4f3
```
#aae4f3 rgb(170,228,243)
```
#bbe9f6
```
#bbe9f6 rgb(187,233,246)
```
#cceff8
```
#cceff8 rgb(204,239,248)
```
#def4fa
```
#def4fa rgb(222,244,250)
```
#effafd
```
#effafd rgb(239,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828f92 is the less saturated color, while #16ccfe is the most saturated one.

#828f92
```
#828f92 rgb(130,143,146)
```
#79949b
```
#79949b rgb(121,148,155)
```
#7099a4
```
#7099a4 rgb(112,153,164)
```
#679ead
```
#679ead rgb(103,158,173)
```
#5ea3b6
```
#5ea3b6 rgb(94,163,182)
```
#55a8bf
```
#55a8bf rgb(85,168,191)
```
#4caec8
```
#4caec8 rgb(76,174,200)
```
#43b3d1
```
#43b3d1 rgb(67,179,209)
```
#3ab8da
```
#3ab8da rgb(58,184,218)
```
#31bde3
```
#31bde3 rgb(49,189,227)
```
#28c2ec
```
#28c2ec rgb(40,194,236)
```
#1fc7f5
```
#1fc7f5 rgb(31,199,245)
```
#16ccfe
```
#16ccfe rgb(22,204,254)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#839fa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b1da Protanopia 1% of men
#a1b0ea Deuteranopia 1% of men
#1ec3d2 Tritanopia 0.001% of the population

Trichromacy

#7cb5dd Protanomaly 1% of men, 0.01% of women
#78b4e7 Deuteranomaly 6% of men, 0.4% of women
#25c1d8 Tritanomaly 0.01% of the population