#2a31dd hex color

In a RGB color space, hex #2a31dd is composed of 16.5% red, 19.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 77.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 237.7 degrees, a saturation of 72.5% and a lightness of 51.6%. #2a31dd color hex could be obtained by blending #5462ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 19
- B 87
RGB color chart
- C 81
- M 78
- Y 0
- K 13
CMYK color chart

● #2a31dd color description : Bright blue.

The hexadecimal color #2a31dd has RGB values of R:42, G:49, B:221 and CMYK values of C:0.81, M:0.78, Y:0, K:0.13. Its decimal value is 2765277.

Hex triplet	2a31dd	`#2a31dd`
RGB Decimal	42, 49, 221	`rgb(42,49,221)`
RGB Percent	16.5, 19.2, 86.7	`rgb(16.5%,19.2%,86.7%)`
CMYK	81, 78, 0, 13
HSL	237.7°, 72.5, 51.6	`hsl(237.7,72.5%,51.6%)`
HSV (or HSB)	237.7°, 81, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.791, 56.194, -86.052
XYZ	15.102, 7.908, 69.133
xyY	0.164, 0.086, 7.908
CIE-LCH	33.791, 102.775, 303.145
CIE-LUV	33.791, -9.119, -114.078
Hunter-Lab	28.122, 46.644, -126.071
Binary	00101010, 00110001, 11011101

#2a31dd
```
#2a31dd rgb(42,49,221)
```
#ddd62a
```
#ddd62a rgb(221,214,42)
```

Complementary Color

#2a8bdd
```
#2a8bdd rgb(42,139,221)
```
#2a31dd
```
#2a31dd rgb(42,49,221)
```
#7d2add
```
#7d2add rgb(125,42,221)
```

Analogous Color

#8bdd2a
```
#8bdd2a rgb(139,221,42)
```
#2a31dd
```
#2a31dd rgb(42,49,221)
```
#dd7d2a
```
#dd7d2a rgb(221,125,42)
```

Split Complementary Color

#31dd2a
```
#31dd2a rgb(49,221,42)
```
#2a31dd
```
#2a31dd rgb(42,49,221)
```
#dd2a31
```
#dd2a31 rgb(221,42,49)
```

Triadic Color

#2addd6
```
#2addd6 rgb(42,221,214)
```
#2a31dd
```
#2a31dd rgb(42,49,221)
```
#dd2a31
```
#dd2a31 rgb(221,42,49)
```
#ddd62a
```
#ddd62a rgb(221,214,42)
```

Tetradic Color

#1a1fa1
```
#1a1fa1 rgb(26,31,161)
```
#1d23b7
```
#1d23b7 rgb(29,35,183)
```
#2127cd
```
#2127cd rgb(33,39,205)
```
#2a31dd
```
#2a31dd rgb(42,49,221)
```
#4046e1
```
#4046e1 rgb(64,70,225)
```
#565ce4
```
#565ce4 rgb(86,92,228)
```
#6c71e8
```
#6c71e8 rgb(108,113,232)
```

Monochromatic Color

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

#2a5edd
```
#2a5edd rgb(42,94,221)
```
#2a4fdd
```
#2a4fdd rgb(42,79,221)
```
#2a40dd
```
#2a40dd rgb(42,64,221)
```
#2a31dd
```
#2a31dd rgb(42,49,221)
```
#322add
```
#322add rgb(50,42,221)
```
#412add
```
#412add rgb(65,42,221)
```
#502add
```
#502add rgb(80,42,221)
```

Similar Colors

Text with hexadecimal color #2a31dd

This text has a font color of #2a31dd.

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

#2a31dd background color

This paragraph has a background color of #2a31dd.

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

#2a31dd border color

This element has a border color of #2a31dd.

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

CSS codes

.text {color:#2a31dd;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#040518
```
#040518 rgb(4,5,24)
```
#070829
```
#070829 rgb(7,8,41)
```
#090b3a
```
#090b3a rgb(9,11,58)
```
#0c0e4b
```
#0c0e4b rgb(12,14,75)
```
#0f125b
```
#0f125b rgb(15,18,91)
```
#11156c
```
#11156c rgb(17,21,108)
```
#14187d
```
#14187d rgb(20,24,125)
```
#171b8e
```
#171b8e rgb(23,27,142)
```
#191f9f
```
#191f9f rgb(25,31,159)
```
#1c22b0
```
#1c22b0 rgb(28,34,176)
```
#1f25c1
```
#1f25c1 rgb(31,37,193)
```
#2228d2
```
#2228d2 rgb(34,40,210)
```

Shade Color Variation

#2a31dd
```
#2a31dd rgb(42,49,221)
```
#3b41e0
```
#3b41e0 rgb(59,65,224)
```
#4c52e2
```
#4c52e2 rgb(76,82,226)
```
#5d62e5
```
#5d62e5 rgb(93,98,229)
```
#6e72e8
```
#6e72e8 rgb(110,114,232)
```
#7f83eb
```
#7f83eb rgb(127,131,235)
```
#8f93ed
```
#8f93ed rgb(143,147,237)
```
#a0a4f0
```
#a0a4f0 rgb(160,164,240)
```
#b1b4f3
```
#b1b4f3 rgb(177,180,243)
```
#c2c4f5
```
#c2c4f5 rgb(194,196,245)
```
#d3d5f8
```
#d3d5f8 rgb(211,213,248)
```
#e4e5fb
```
#e4e5fb rgb(228,229,251)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

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

#808088
```
#808088 rgb(128,128,136)
```
#767791
```
#767791 rgb(118,119,145)
```
#6d6e9b
```
#6d6e9b rgb(109,110,155)
```
#6366a4
```
#6366a4 rgb(99,102,164)
```
#5a5dae
```
#5a5dae rgb(90,93,174)
```
#5054b7
```
#5054b7 rgb(80,84,183)
```
#474bc1
```
#474bc1 rgb(71,75,193)
```
#3d43ca
```
#3d43ca rgb(61,67,202)
```
#343ad4
```
#343ad4 rgb(52,58,212)
```
#2a31dd
```
#2a31dd rgb(42,49,221)
```
#2128e7
```
#2128e7 rgb(33,40,231)
```
#171ff0
```
#171ff0 rgb(23,31,240)
```
#0e17fa
```
#0e17fa rgb(14,23,250)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e3f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0f48ba Protanomaly 1% of men, 0.01% of women
#0f4bac Deuteranomaly 6% of men, 0.4% of women
#0f4f91 Tritanomaly 0.01% of the population

#2a31dd hex color

#2a31dd Color Information

#2a31dd Color Conversion

Color Schemes with #2a31dd

Alternatives to #2a31dd

#2a31dd Preview

Shades and Tints of #2a31dd

Tones of #2a31dd

Color Blindness Simulator