colorhexa.com

#2f31d9 hex color

In a RGB color space, hex #2f31d9 is composed of 18.4% red, 19.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 77.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 239.3 degrees, a saturation of 69.1% and a lightness of 51.8%. #2f31d9 color hex could be obtained by blending #5e62ff with #0000b3. Closest websafe color is: #3333cc.

- R 18
- G 19
- B 85
RGB color chart
- C 78
- M 77
- Y 0
- K 15
CMYK color chart

● #2f31d9 color description : Bright blue.

The hexadecimal color #2f31d9 has RGB values of R:47, G:49, B:217 and CMYK values of C:0.78, M:0.77, Y:0, K:0.15. Its decimal value is 3092953.

Hex triplet	2f31d9	`#2f31d9`
RGB Decimal	47, 49, 217	`rgb(47,49,217)`
RGB Percent	18.4, 19.2, 85.1	`rgb(18.4%,19.2%,85.1%)`
CMYK	78, 77, 0, 15
HSL	239.3°, 69.1, 51.8	`hsl(239.3,69.1%,51.8%)`
HSV (or HSB)	239.3°, 78.3, 85.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.583, 55.228, -84.088
XYZ	14.792, 7.81, 66.37
xyY	0.166, 0.088, 7.81
CIE-LCH	33.583, 100.603, 303.296
CIE-LUV	33.583, -8.341, -111.773
Hunter-Lab	27.946, 45.579, -121.248
Binary	00101111, 00110001, 11011001

#2f31d9
```
#2f31d9 rgb(47,49,217)
```
#d9d72f
```
#d9d72f rgb(217,215,47)
```

Complementary Color

#2f86d9
```
#2f86d9 rgb(47,134,217)
```
#2f31d9
```
#2f31d9 rgb(47,49,217)
```
#822fd9
```
#822fd9 rgb(130,47,217)
```

Analogous Color

#86d92f
```
#86d92f rgb(134,217,47)
```
#2f31d9
```
#2f31d9 rgb(47,49,217)
```
#d9822f
```
#d9822f rgb(217,130,47)
```

Split Complementary Color

#31d92f
```
#31d92f rgb(49,217,47)
```
#2f31d9
```
#2f31d9 rgb(47,49,217)
```
#d92f31
```
#d92f31 rgb(217,47,49)
```

Triadic Color

#2fd9d7
```
#2fd9d7 rgb(47,217,215)
```
#2f31d9
```
#2f31d9 rgb(47,49,217)
```
#d92f31
```
#d92f31 rgb(217,47,49)
```
#d9d72f
```
#d9d72f rgb(217,215,47)
```

Tetradic Color

#1d1e9f
```
#1d1e9f rgb(29,30,159)
```
#2123b4
```
#2123b4 rgb(33,35,180)
```
#2527ca
```
#2527ca rgb(37,39,202)
```
#2f31d9
```
#2f31d9 rgb(47,49,217)
```
#4546dd
```
#4546dd rgb(69,70,221)
```
#5a5ce1
```
#5a5ce1 rgb(90,92,225)
```
#7071e5
```
#7071e5 rgb(112,113,229)
```

Monochromatic Color

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

#2f5cd9
```
#2f5cd9 rgb(47,92,217)
```
#2f4dd9
```
#2f4dd9 rgb(47,77,217)
```
#2f3fd9
```
#2f3fd9 rgb(47,63,217)
```
#2f31d9
```
#2f31d9 rgb(47,49,217)
```
#3b2fd9
```
#3b2fd9 rgb(59,47,217)
```
#492fd9
```
#492fd9 rgb(73,47,217)
```
#582fd9
```
#582fd9 rgb(88,47,217)
```

Similar Colors

Text with hexadecimal color #2f31d9

This text has a font color of #2f31d9.

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

#2f31d9 background color

This paragraph has a background color of #2f31d9.

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

#2f31d9 border color

This element has a border color of #2f31d9.

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

CSS codes

.text {color:#2f31d9;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#040518
```
#040518 rgb(4,5,24)
```
#070829
```
#070829 rgb(7,8,41)
```
#0a0b39
```
#0a0b39 rgb(10,11,57)
```
#0e0e4a
```
#0e0e4a rgb(14,14,74)
```
#11115b
```
#11115b rgb(17,17,91)
```
#14156b
```
#14156b rgb(20,21,107)
```
#17187c
```
#17187c rgb(23,24,124)
```
#1a1b8c
```
#1a1b8c rgb(26,27,140)
```
#1d1e9d
```
#1d1e9d rgb(29,30,157)
```
#2021ad
```
#2021ad rgb(32,33,173)
```
#2325be
```
#2325be rgb(35,37,190)
```
#2628cf
```
#2628cf rgb(38,40,207)
```

Shade Color Variation

#2f31d9
```
#2f31d9 rgb(47,49,217)
```
#4041dc
```
#4041dc rgb(64,65,220)
```
#5052df
```
#5052df rgb(80,82,223)
```
#6162e2
```
#6162e2 rgb(97,98,226)
```
#7173e5
```
#7173e5 rgb(113,115,229)
```
#8283e8
```
#8283e8 rgb(130,131,232)
```
#9394eb
```
#9394eb rgb(147,148,235)
```
#a3a4ee
```
#a3a4ee rgb(163,164,238)
```
#b4b4f1
```
#b4b4f1 rgb(180,180,241)
```
#c4c5f4
```
#c4c5f4 rgb(196,197,244)
```
#d5d5f7
```
#d5d5f7 rgb(213,213,247)
```
#e5e6fa
```
#e5e6fa rgb(229,230,250)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7b8d is the less saturated color, while #090cff is the most saturated one.

#7b7b8d
```
#7b7b8d rgb(123,123,141)
```
#717297
```
#717297 rgb(113,114,151)
```
#6868a0
```
#6868a0 rgb(104,104,160)
```
#5e5faa
```
#5e5faa rgb(94,95,170)
```
#5556b3
```
#5556b3 rgb(85,86,179)
```
#4b4dbd
```
#4b4dbd rgb(75,77,189)
```
#4243c6
```
#4243c6 rgb(66,67,198)
```
#383ad0
```
#383ad0 rgb(56,58,208)
```
#2f31d9
```
#2f31d9 rgb(47,49,217)
```
#2628e2
```
#2628e2 rgb(38,40,226)
```
#1c1fec
```
#1c1fec rgb(28,31,236)
```
#1315f5
```
#1315f5 rgb(19,21,245)
```
#090cff
```
#090cff rgb(9,12,255)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#1148b8 Protanomaly 1% of men, 0.01% of women
#114baa Deuteranomaly 6% of men, 0.4% of women
#114f8f Tritanomaly 0.01% of the population