#2d2f88 hex color

In a RGB color space, hex #2d2f88 is composed of 17.6% red, 18.4% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 65.4% magenta, 0% yellow and 46.7% black. It has a hue angle of 238.7 degrees, a saturation of 50.3% and a lightness of 35.5%. #2d2f88 color hex could be obtained by blending #5a5eff with #000011. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 18
- B 53
RGB color chart
- C 67
- M 65
- Y 0
- K 47
CMYK color chart

● #2d2f88 color description : Dark moderate blue.

The hexadecimal color #2d2f88 has RGB values of R:45, G:47, B:136 and CMYK values of C:0.67, M:0.65, Y:0, K:0.47. Its decimal value is 2961288.

Hex triplet	2d2f88	`#2d2f88`
RGB Decimal	45, 47, 136	`rgb(45,47,136)`
RGB Percent	17.6, 18.4, 53.3	`rgb(17.6%,18.4%,53.3%)`
CMYK	67, 65, 0, 47
HSL	238.7°, 50.3, 35.5	`hsl(238.7,50.3%,35.5%)`
HSV (or HSB)	238.7°, 66.9, 53.3
Web Safe	333399	`#333399`

CIE-LAB	24.853, 28.816, -50.023
XYZ	6.542, 4.368, 23.79
xyY	0.189, 0.126, 4.368
CIE-LCH	24.853, 57.729, 299.944
CIE-LUV	24.853, -4.978, -62.759
Hunter-Lab	20.9, 19.295, -52.857
Binary	00101101, 00101111, 10001000

#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#88862d
```
#88862d rgb(136,134,45)
```

Complementary Color

#2d5d88
```
#2d5d88 rgb(45,93,136)
```
#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#582d88
```
#582d88 rgb(88,45,136)
```

Analogous Color

#5d882d
```
#5d882d rgb(93,136,45)
```
#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#88592d
```
#88592d rgb(136,89,45)
```

Split Complementary Color

#2f882d
```
#2f882d rgb(47,136,45)
```
#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#882d2f
```
#882d2f rgb(136,45,47)
```

Triadic Color

#2d8886
```
#2d8886 rgb(45,136,134)
```
#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#882d2f
```
#882d2f rgb(136,45,47)
```
#88862d
```
#88862d rgb(136,134,45)
```

Tetradic Color

#1a1b4f
```
#1a1b4f rgb(26,27,79)
```
#202262
```
#202262 rgb(32,34,98)
```
#272875
```
#272875 rgb(39,40,117)
```
#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#33369b
```
#33369b rgb(51,54,155)
```
#3a3cae
```
#3a3cae rgb(58,60,174)
```
#4144c0
```
#4144c0 rgb(65,68,192)
```

Monochromatic Color

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

#2d4688
```
#2d4688 rgb(45,70,136)
```
#2d3e88
```
#2d3e88 rgb(45,62,136)
```
#2d3788
```
#2d3788 rgb(45,55,136)
```
#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#332d88
```
#332d88 rgb(51,45,136)
```
#3a2d88
```
#3a2d88 rgb(58,45,136)
```
#422d88
```
#422d88 rgb(66,45,136)
```

Similar Colors

Text with hexadecimal color #2d2f88

This text has a font color of #2d2f88.

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

#2d2f88 background color

This paragraph has a background color of #2d2f88.

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

#2d2f88 border color

This element has a border color of #2d2f88.

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

CSS codes

.text {color:#2d2f88;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060612
```
#060612 rgb(6,6,18)
```
#0b0b21
```
#0b0b21 rgb(11,11,33)
```
#101030
```
#101030 rgb(16,16,48)
```
#15163e
```
#15163e rgb(21,22,62)
```
#191b4d
```
#191b4d rgb(25,27,77)
```
#1e205c
```
#1e205c rgb(30,32,92)
```
#23256b
```
#23256b rgb(35,37,107)
```
#282a79
```
#282a79 rgb(40,42,121)
```
#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#323497
```
#323497 rgb(50,52,151)
```
#3739a5
```
#3739a5 rgb(55,57,165)
```
#3c3eb4
```
#3c3eb4 rgb(60,62,180)
```

Shade Color Variation

#4346c1
```
#4346c1 rgb(67,70,193)
```
#5154c6
```
#5154c6 rgb(81,84,198)
```
#6063ca
```
#6063ca rgb(96,99,202)
```
#6f71cf
```
#6f71cf rgb(111,113,207)
```
#7e80d4
```
#7e80d4 rgb(126,128,212)
```
#8c8ed9
```
#8c8ed9 rgb(140,142,217)
```
#9b9dde
```
#9b9dde rgb(155,157,222)
```
#aaabe3
```
#aaabe3 rgb(170,171,227)
```
#b9bae8
```
#b9bae8 rgb(185,186,232)
```
#c7c8ed
```
#c7c8ed rgb(199,200,237)
```
#d6d7f1
```
#d6d7f1 rgb(214,215,241)
```
#e5e5f6
```
#e5e5f6 rgb(229,229,246)
```
#f4f4fb
```
#f4f4fb rgb(244,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57575e is the less saturated color, while #0307b2 is the most saturated one.

#57575e
```
#57575e rgb(87,87,94)
```
#505065
```
#505065 rgb(80,80,101)
```
#494a6c
```
#494a6c rgb(73,74,108)
```
#424373
```
#424373 rgb(66,67,115)
```
#3b3c7a
```
#3b3c7a rgb(59,60,122)
```
#343681
```
#343681 rgb(52,54,129)
```
#2d2f88
```
#2d2f88 rgb(45,47,136)
```
#26288f
```
#26288f rgb(38,40,143)
```
#1f2296
```
#1f2296 rgb(31,34,150)
```
#181b9d
```
#181b9d rgb(24,27,157)
```
#1114a4
```
#1114a4 rgb(17,20,164)
```
#0a0eab
```
#0a0eab rgb(10,14,171)
```
#0307b2
```
#0307b2 rgb(3,7,178)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373749 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004672 Deuteranopia 1% of men
#004b51 Tritanopia 0.001% of the population

Trichromacy

#103b84 Protanomaly 1% of men, 0.01% of women
#103e7a Deuteranomaly 6% of men, 0.4% of women
#104165 Tritanomaly 0.01% of the population

#2d2f88 hex color

#2d2f88 Color Information

#2d2f88 Color Conversion

Color Schemes with #2d2f88

Alternatives to #2d2f88

#2d2f88 Preview

Shades and Tints of #2d2f88

Tones of #2d2f88

Color Blindness Simulator