#2f31ed hex color

In a RGB color space, hex #2f31ed is composed of 18.4% red, 19.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 79.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 239.4 degrees, a saturation of 84.1% and a lightness of 55.7%. #2f31ed color hex could be obtained by blending #5e62ff with #0000db. Closest websafe color is: #3333ff.

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

● #2f31ed color description : Bright blue.

The hexadecimal color #2f31ed has RGB values of R:47, G:49, B:237 and CMYK values of C:0.8, M:0.79, Y:0, K:0.07. Its decimal value is 3092973.

Hex triplet	2f31ed	`#2f31ed`
RGB Decimal	47, 49, 237	`rgb(47,49,237)`
RGB Percent	18.4, 19.2, 92.9	`rgb(18.4%,19.2%,92.9%)`
CMYK	80, 79, 0, 7
HSL	239.4°, 84.1, 55.7	`hsl(239.4,84.1%,55.7%)`
HSV (or HSB)	239.4°, 80.2, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.819, 61.383, -91.811
XYZ	17.554, 8.914, 80.912
xyY	0.163, 0.083, 8.914
CIE-LCH	35.819, 110.441, 303.766
CIE-LUV	35.819, -9.141, -123.261
Hunter-Lab	29.857, 52.696, -139.776
Binary	00101111, 00110001, 11101101

#2f31ed
```
#2f31ed rgb(47,49,237)
```
#edeb2f
```
#edeb2f rgb(237,235,47)
```

Complementary Color

#2f90ed
```
#2f90ed rgb(47,144,237)
```
#2f31ed
```
#2f31ed rgb(47,49,237)
```
#8c2fed
```
#8c2fed rgb(140,47,237)
```

Analogous Color

#90ed2f
```
#90ed2f rgb(144,237,47)
```
#2f31ed
```
#2f31ed rgb(47,49,237)
```
#ed8c2f
```
#ed8c2f rgb(237,140,47)
```

Split Complementary Color

#31ed2f
```
#31ed2f rgb(49,237,47)
```
#2f31ed
```
#2f31ed rgb(47,49,237)
```
#ed2f31
```
#ed2f31 rgb(237,47,49)
```

Triadic Color

#2fedeb
```
#2fedeb rgb(47,237,235)
```
#2f31ed
```
#2f31ed rgb(47,49,237)
```
#ed2f31
```
#ed2f31 rgb(237,47,49)
```
#edeb2f
```
#edeb2f rgb(237,235,47)
```

Tetradic Color

#1112bf
```
#1112bf rgb(17,18,191)
```
#1315d6
```
#1315d6 rgb(19,21,214)
```
#181aeb
```
#181aeb rgb(24,26,235)
```
#2f31ed
```
#2f31ed rgb(47,49,237)
```
#4648ef
```
#4648ef rgb(70,72,239)
```
#5e5ff1
```
#5e5ff1 rgb(94,95,241)
```
#7577f3
```
#7577f3 rgb(117,119,243)
```

Monochromatic Color

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

#2f61ed
```
#2f61ed rgb(47,97,237)
```
#2f51ed
```
#2f51ed rgb(47,81,237)
```
#2f41ed
```
#2f41ed rgb(47,65,237)
```
#2f31ed
```
#2f31ed rgb(47,49,237)
```
#3d2fed
```
#3d2fed rgb(61,47,237)
```
#4d2fed
```
#4d2fed rgb(77,47,237)
```
#5c2fed
```
#5c2fed rgb(92,47,237)
```

Similar Colors

Text with hexadecimal color #2f31ed

This text has a font color of #2f31ed.

<span style="color:#2f31ed;">Text here</span>

#2f31ed background color

This paragraph has a background color of #2f31ed.

<p style="background-color:#2f31ed;">Content here</p>

#2f31ed border color

This element has a border color of #2f31ed.

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

CSS codes

.text {color:#2f31ed;}

.background {background-color:#2f31ed;}

.border {border:1px solid #2f31ed;}

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

#010109
```
#010109 rgb(1,1,9)
```
#02031b
```
#02031b rgb(2,3,27)
```
#04042d
```
#04042d rgb(4,4,45)
```
#05063f
```
#05063f rgb(5,6,63)
```
#070851
```
#070851 rgb(7,8,81)
```
#090a63
```
#090a63 rgb(9,10,99)
```
#0a0b75
```
#0a0b75 rgb(10,11,117)
```
#0c0d87
```
#0c0d87 rgb(12,13,135)
```
#0d0f99
```
#0d0f99 rgb(13,15,153)
```
#0f10ab
```
#0f10ab rgb(15,16,171)
```
#1012bd
```
#1012bd rgb(16,18,189)
```
#1214cf
```
#1214cf rgb(18,20,207)
```
#1316e1
```
#1316e1 rgb(19,22,225)
```

Shade Color Variation

#1d1feb
```
#1d1feb rgb(29,31,235)
```
#2f31ed
```
#2f31ed rgb(47,49,237)
```
#4143ef
```
#4143ef rgb(65,67,239)
```
#5355f0
```
#5355f0 rgb(83,85,240)
```
#6567f2
```
#6567f2 rgb(101,103,242)
```
#7779f3
```
#7779f3 rgb(119,121,243)
```
#898af5
```
#898af5 rgb(137,138,245)
```
#9b9cf6
```
#9b9cf6 rgb(155,156,246)
```
#adaef8
```
#adaef8 rgb(173,174,248)
```
#bfc0f9
```
#bfc0f9 rgb(191,192,249)
```
#d1d2fb
```
#d1d2fb rgb(209,210,251)
```
#e4e4fd
```
#e4e4fd rgb(228,228,253)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#868696
```
#868696 rgb(134,134,150)
```
#7d7e9f
```
#7d7e9f rgb(125,126,159)
```
#7575a7
```
#7575a7 rgb(117,117,167)
```
#6c6db0
```
#6c6db0 rgb(108,109,176)
```
#6364b9
```
#6364b9 rgb(99,100,185)
```
#5a5cc2
```
#5a5cc2 rgb(90,92,194)
```
#5253ca
```
#5253ca rgb(82,83,202)
```
#494bd3
```
#494bd3 rgb(73,75,211)
```
#4042dc
```
#4042dc rgb(64,66,220)
```
#383ae4
```
#383ae4 rgb(56,58,228)
```
#2f31ed
```
#2f31ed rgb(47,49,237)
```
#2628f6
```
#2628f6 rgb(38,40,246)
```
#1e20fe
```
#1e20fe rgb(30,32,254)
```

Tone Color Variation

Below, you can see how #2f31ed 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

#464646 Achromatopsia 0.005% of the population
#414267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#114bc5 Protanomaly 1% of men, 0.01% of women
#114eb6 Deuteranomaly 6% of men, 0.4% of women
#11539a Tritanomaly 0.01% of the population

#2f31ed hex color

#2f31ed Color Information

#2f31ed Color Conversion

Color Schemes with #2f31ed

Alternatives to #2f31ed

#2f31ed Preview

Shades and Tints of #2f31ed

Tones of #2f31ed

Color Blindness Simulator