#2d33aa hex color

In a RGB color space, hex #2d33aa is composed of 17.6% red, 20% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 70% magenta, 0% yellow and 33.3% black. It has a hue angle of 237.1 degrees, a saturation of 58.1% and a lightness of 42.2%. #2d33aa color hex could be obtained by blending #5a66ff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 20
- B 67
RGB color chart
- C 74
- M 70
- Y 0
- K 33
CMYK color chart

● #2d33aa color description : Dark blue.

The hexadecimal color #2d33aa has RGB values of R:45, G:51, B:170 and CMYK values of C:0.74, M:0.7, Y:0, K:0.33. Its decimal value is 2962346.

Hex triplet	2d33aa	`#2d33aa`
RGB Decimal	45, 51, 170	`rgb(45,51,170)`
RGB Percent	17.6, 20, 66.7	`rgb(17.6%,20%,66.7%)`
CMYK	74, 70, 0, 33
HSL	237.1°, 58.1, 42.2	`hsl(237.1,58.1%,42.2%)`
HSV (or HSB)	237.1°, 73.5, 66.7
Web Safe	333399	`#333399`

CIE-LAB	28.972, 38.36, -64.072
XYZ	9.52, 5.827, 38.651
xyY	0.176, 0.108, 5.827
CIE-LCH	28.972, 74.678, 300.909
CIE-LUV	28.972, -7.14, -83.606
Hunter-Lab	24.14, 28.153, -78.034
Binary	00101101, 00110011, 10101010

#2d33aa
```
#2d33aa rgb(45,51,170)
```
#aaa42d
```
#aaa42d rgb(170,164,45)
```

Complementary Color

#2d72aa
```
#2d72aa rgb(45,114,170)
```
#2d33aa
```
#2d33aa rgb(45,51,170)
```
#662daa
```
#662daa rgb(102,45,170)
```

Analogous Color

#72aa2d
```
#72aa2d rgb(114,170,45)
```
#2d33aa
```
#2d33aa rgb(45,51,170)
```
#aa662d
```
#aa662d rgb(170,102,45)
```

Split Complementary Color

#33aa2d
```
#33aa2d rgb(51,170,45)
```
#2d33aa
```
#2d33aa rgb(45,51,170)
```
#aa2d33
```
#aa2d33 rgb(170,45,51)
```

Triadic Color

#2daaa4
```
#2daaa4 rgb(45,170,164)
```
#2d33aa
```
#2d33aa rgb(45,51,170)
```
#aa2d33
```
#aa2d33 rgb(170,45,51)
```
#aaa42d
```
#aaa42d rgb(170,164,45)
```

Tetradic Color

#1d216e
```
#1d216e rgb(29,33,110)
```
#222782
```
#222782 rgb(34,39,130)
```
#282d96
```
#282d96 rgb(40,45,150)
```
#2d33aa
```
#2d33aa rgb(45,51,170)
```
#3239be
```
#3239be rgb(50,57,190)
```
#3e45cc
```
#3e45cc rgb(62,69,204)
```
#5258d1
```
#5258d1 rgb(82,88,209)
```

Monochromatic Color

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

#2d52aa
```
#2d52aa rgb(45,82,170)
```
#2d48aa
```
#2d48aa rgb(45,72,170)
```
#2d3daa
```
#2d3daa rgb(45,61,170)
```
#2d33aa
```
#2d33aa rgb(45,51,170)
```
#312daa
```
#312daa rgb(49,45,170)
```
#3c2daa
```
#3c2daa rgb(60,45,170)
```
#462daa
```
#462daa rgb(70,45,170)
```

Similar Colors

Text with hexadecimal color #2d33aa

This text has a font color of #2d33aa.

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

#2d33aa background color

This paragraph has a background color of #2d33aa.

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

#2d33aa border color

This element has a border color of #2d33aa.

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

CSS codes

.text {color:#2d33aa;}

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

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

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, #04040f is the darkest color, while #fefeff is the lightest one.

#04040f
```
#04040f rgb(4,4,15)
```
#08091e
```
#08091e rgb(8,9,30)
```
#0c0e2e
```
#0c0e2e rgb(12,14,46)
```
#10123d
```
#10123d rgb(16,18,61)
```
#14174d
```
#14174d rgb(20,23,77)
```
#181c5c
```
#181c5c rgb(24,28,92)
```
#1d206c
```
#1d206c rgb(29,32,108)
```
#21257b
```
#21257b rgb(33,37,123)
```
#252a8b
```
#252a8b rgb(37,42,139)
```
#292e9a
```
#292e9a rgb(41,46,154)
```
#2d33aa
```
#2d33aa rgb(45,51,170)
```
#3138ba
```
#3138ba rgb(49,56,186)
```
#353cc9
```
#353cc9 rgb(53,60,201)
```

Shade Color Variation

#444bce
```
#444bce rgb(68,75,206)
```
#545ad2
```
#545ad2 rgb(84,90,210)
```
#6369d6
```
#6369d6 rgb(99,105,214)
```
#7378da
```
#7378da rgb(115,120,218)
```
#8287de
```
#8287de rgb(130,135,222)
```
#9296e2
```
#9296e2 rgb(146,150,226)
```
#a1a5e6
```
#a1a5e6 rgb(161,165,230)
```
#b1b4ea
```
#b1b4ea rgb(177,180,234)
```
#c0c3ee
```
#c0c3ee rgb(192,195,238)
```
#d0d2f3
```
#d0d2f3 rgb(208,210,243)
```
#dfe0f7
```
#dfe0f7 rgb(223,224,247)
```
#efeffb
```
#efeffb rgb(239,239,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#676770
```
#676770 rgb(103,103,112)
```
#5f6078
```
#5f6078 rgb(95,96,120)
```
#565881
```
#565881 rgb(86,88,129)
```
#4e5189
```
#4e5189 rgb(78,81,137)
```
#464991
```
#464991 rgb(70,73,145)
```
#3e4299
```
#3e4299 rgb(62,66,153)
```
#353aa2
```
#353aa2 rgb(53,58,162)
```
#2d33aa
```
#2d33aa rgb(45,51,170)
```
#252cb2
```
#252cb2 rgb(37,44,178)
```
#1c24bb
```
#1c24bb rgb(28,36,187)
```
#141dc3
```
#141dc3 rgb(20,29,195)
```
#0c15cb
```
#0c15cb rgb(12,21,203)
```
#040ed3
```
#040ed3 rgb(4,14,211)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3b3d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#00555a Tritanopia 0.001% of the population

Trichromacy

#10429b Protanomaly 1% of men, 0.01% of women
#10458f Deuteranomaly 6% of men, 0.4% of women
#104977 Tritanomaly 0.01% of the population

#2d33aa hex color

#2d33aa Color Information

#2d33aa Color Conversion

Color Schemes with #2d33aa

Alternatives to #2d33aa

#2d33aa Preview

Shades and Tints of #2d33aa

Tones of #2d33aa

Color Blindness Simulator