#2d3ae9 hex color

In a RGB color space, hex #2d3ae9 is composed of 17.6% red, 22.7% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 75.1% magenta, 0% yellow and 8.6% black. It has a hue angle of 235.9 degrees, a saturation of 81% and a lightness of 54.5%. #2d3ae9 color hex could be obtained by blending #5a74ff with #0000d3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 23
- B 91
RGB color chart
- C 81
- M 75
- Y 0
- K 9
CMYK color chart

● #2d3ae9 color description : Bright blue.

The hexadecimal color #2d3ae9 has RGB values of R:45, G:58, B:233 and CMYK values of C:0.81, M:0.75, Y:0, K:0.09. Its decimal value is 2964201.

Hex triplet	2d3ae9	`#2d3ae9`
RGB Decimal	45, 58, 233	`rgb(45,58,233)`
RGB Percent	17.6, 22.7, 91.4	`rgb(17.6%,22.7%,91.4%)`
CMYK	81, 75, 0, 9
HSL	235.9°, 81, 54.5	`hsl(235.9,81%,54.5%)`
HSV (or HSB)	235.9°, 80.7, 91.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.866, 55.489, -87.806
XYZ	17.3, 9.466, 78.002
xyY	0.165, 0.09, 9.466
CIE-LCH	36.866, 103.87, 302.291
CIE-LUV	36.866, -10.49, -120.641
Hunter-Lab	30.767, 46.529, -128.778
Binary	00101101, 00111010, 11101001

#2d3ae9
```
#2d3ae9 rgb(45,58,233)
```
#e9dc2d
```
#e9dc2d rgb(233,220,45)
```

Complementary Color

#2d98e9
```
#2d98e9 rgb(45,152,233)
```
#2d3ae9
```
#2d3ae9 rgb(45,58,233)
```
#7e2de9
```
#7e2de9 rgb(126,45,233)
```

Analogous Color

#98e92d
```
#98e92d rgb(152,233,45)
```
#2d3ae9
```
#2d3ae9 rgb(45,58,233)
```
#e97e2d
```
#e97e2d rgb(233,126,45)
```

Split Complementary Color

#3ae92d
```
#3ae92d rgb(58,233,45)
```
#2d3ae9
```
#2d3ae9 rgb(45,58,233)
```
#e92d3a
```
#e92d3a rgb(233,45,58)
```

Triadic Color

#2de9dc
```
#2de9dc rgb(45,233,220)
```
#2d3ae9
```
#2d3ae9 rgb(45,58,233)
```
#e92d3a
```
#e92d3a rgb(233,45,58)
```
#e9dc2d
```
#e9dc2d rgb(233,220,45)
```

Tetradic Color

#131eb6
```
#131eb6 rgb(19,30,182)
```
#1622cd
```
#1622cd rgb(22,34,205)
```
#1826e5
```
#1826e5 rgb(24,38,229)
```
#2d3ae9
```
#2d3ae9 rgb(45,58,233)
```
#4450eb
```
#4450eb rgb(68,80,235)
```
#5b65ee
```
#5b65ee rgb(91,101,238)
```
#727bf0
```
#727bf0 rgb(114,123,240)
```

Monochromatic Color

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

#2d69e9
```
#2d69e9 rgb(45,105,233)
```
#2d59e9
```
#2d59e9 rgb(45,89,233)
```
#2d4ae9
```
#2d4ae9 rgb(45,74,233)
```
#2d3ae9
```
#2d3ae9 rgb(45,58,233)
```
#302de9
```
#302de9 rgb(48,45,233)
```
#3f2de9
```
#3f2de9 rgb(63,45,233)
```
#4f2de9
```
#4f2de9 rgb(79,45,233)
```

Similar Colors

Text with hexadecimal color #2d3ae9

This text has a font color of #2d3ae9.

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

#2d3ae9 background color

This paragraph has a background color of #2d3ae9.

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

#2d3ae9 border color

This element has a border color of #2d3ae9.

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

CSS codes

.text {color:#2d3ae9;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020315
```
#020315 rgb(2,3,21)
```
#040627
```
#040627 rgb(4,6,39)
```
#060938
```
#060938 rgb(6,9,56)
```
#080c4a
```
#080c4a rgb(8,12,74)
```
#0a0f5c
```
#0a0f5c rgb(10,15,92)
```
#0b126e
```
#0b126e rgb(11,18,110)
```
#0d157f
```
#0d157f rgb(13,21,127)
```
#0f1891
```
#0f1891 rgb(15,24,145)
```
#111ba3
```
#111ba3 rgb(17,27,163)
```
#131eb5
```
#131eb5 rgb(19,30,181)
```
#1521c6
```
#1521c6 rgb(21,33,198)
```
#1724d8
```
#1724d8 rgb(23,36,216)
```

Shade Color Variation

#1b29e7
```
#1b29e7 rgb(27,41,231)
```
#2d3ae9
```
#2d3ae9 rgb(45,58,233)
```
#3f4beb
```
#3f4beb rgb(63,75,235)
```
#515bed
```
#515bed rgb(81,91,237)
```
#626cef
```
#626cef rgb(98,108,239)
```
#747df0
```
#747df0 rgb(116,125,240)
```
#868df2
```
#868df2 rgb(134,141,242)
```
#989ef4
```
#989ef4 rgb(152,158,244)
```
#a9aff6
```
#a9aff6 rgb(169,175,246)
```
#bbbff8
```
#bbbff8 rgb(187,191,248)
```
#cdd0fa
```
#cdd0fa rgb(205,208,250)
```
#dfe1fc
```
#dfe1fc rgb(223,225,252)
```
#f0f1fd
```
#f0f1fd rgb(240,241,253)
```

Tint Color Variation

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

#868790
```
#868790 rgb(134,135,144)
```
#7d7f99
```
#7d7f99 rgb(125,127,153)
```
#7478a2
```
#7478a2 rgb(116,120,162)
```
#6b70ab
```
#6b70ab rgb(107,112,171)
```
#6368b3
```
#6368b3 rgb(99,104,179)
```
#5a60bc
```
#5a60bc rgb(90,96,188)
```
#5159c5
```
#5159c5 rgb(81,89,197)
```
#4851ce
```
#4851ce rgb(72,81,206)
```
#3f49d7
```
#3f49d7 rgb(63,73,215)
```
#3642e0
```
#3642e0 rgb(54,66,224)
```
#2d3ae9
```
#2d3ae9 rgb(45,58,233)
```
#2432f2
```
#2432f2 rgb(36,50,242)
```
#1b2bfb
```
#1b2bfb rgb(27,43,251)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#44476a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696d Tritanopia 0.001% of the population

Trichromacy

#1050c7 Protanomaly 1% of men, 0.01% of women
#1053b8 Deuteranomaly 6% of men, 0.4% of women
#10579a Tritanomaly 0.01% of the population

#2d3ae9 hex color

#2d3ae9 Color Information

#2d3ae9 Color Conversion

Color Schemes with #2d3ae9

Alternatives to #2d3ae9

#2d3ae9 Preview

Shades and Tints of #2d3ae9

Tones of #2d3ae9

Color Blindness Simulator