#2d2f54 hex color

In a RGB color space, hex #2d2f54 is composed of 17.6% red, 18.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 44% magenta, 0% yellow and 67.1% black. It has a hue angle of 236.9 degrees, a saturation of 30.2% and a lightness of 25.3%. #2d2f54 color hex could be obtained by blending #5a5ea8 with #000000. Closest websafe color is: #333366.

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

● #2d2f54 color description : Very dark desaturated blue.

The hexadecimal color #2d2f54 has RGB values of R:45, G:47, B:84 and CMYK values of C:0.46, M:0.44, Y:0, K:0.67. Its decimal value is 2961236.

Hex triplet	2d2f54	`#2d2f54`
RGB Decimal	45, 47, 84	`rgb(45,47,84)`
RGB Percent	17.6, 18.4, 32.9	`rgb(17.6%,18.4%,32.9%)`
CMYK	46, 44, 0, 67
HSL	236.9°, 30.2, 25.3	`hsl(236.9,30.2%,25.3%)`
HSV (or HSB)	236.9°, 46.4, 32.9
Web Safe	333366	`#333366`

CIE-LAB	20.946, 10.186, -22.823
XYZ	3.699, 3.231, 8.816
xyY	0.235, 0.205, 3.231
CIE-LCH	20.946, 24.993, 294.051
CIE-LUV	20.946, -2.624, -26.802
Hunter-Lab	17.975, 5.274, -16.497
Binary	00101101, 00101111, 01010100

#2d2f54
```
#2d2f54 rgb(45,47,84)
```
#54522d
```
#54522d rgb(84,82,45)
```

Complementary Color

#2d4354
```
#2d4354 rgb(45,67,84)
```
#2d2f54
```
#2d2f54 rgb(45,47,84)
```
#3f2d54
```
#3f2d54 rgb(63,45,84)
```

Analogous Color

#43542d
```
#43542d rgb(67,84,45)
```
#2d2f54
```
#2d2f54 rgb(45,47,84)
```
#543f2d
```
#543f2d rgb(84,63,45)
```

Split Complementary Color

#2f542d
```
#2f542d rgb(47,84,45)
```
#2d2f54
```
#2d2f54 rgb(45,47,84)
```
#542d2f
```
#542d2f rgb(84,45,47)
```

Triadic Color

#2d5452
```
#2d5452 rgb(45,84,82)
```
#2d2f54
```
#2d2f54 rgb(45,47,84)
```
#542d2f
```
#542d2f rgb(84,45,47)
```
#54522d
```
#54522d rgb(84,82,45)
```

Tetradic Color

#121322
```
#121322 rgb(18,19,34)
```
#1b1c33
```
#1b1c33 rgb(27,28,51)
```
#242643
```
#242643 rgb(36,38,67)
```
#2d2f54
```
#2d2f54 rgb(45,47,84)
```
#363865
```
#363865 rgb(54,56,101)
```
#3f4275
```
#3f4275 rgb(63,66,117)
```
#484b86
```
#484b86 rgb(72,75,134)
```

Monochromatic Color

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

#2d3954
```
#2d3954 rgb(45,57,84)
```
#2d3654
```
#2d3654 rgb(45,54,84)
```
#2d3254
```
#2d3254 rgb(45,50,84)
```
#2d2f54
```
#2d2f54 rgb(45,47,84)
```
#2e2d54
```
#2e2d54 rgb(46,45,84)
```
#322d54
```
#322d54 rgb(50,45,84)
```
#352d54
```
#352d54 rgb(53,45,84)
```

Similar Colors

Text with hexadecimal color #2d2f54

This text has a font color of #2d2f54.

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

#2d2f54 background color

This paragraph has a background color of #2d2f54.

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

#2d2f54 border color

This element has a border color of #2d2f54.

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

CSS codes

.text {color:#2d2f54;}

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

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0b0b14
```
#0b0b14 rgb(11,11,20)
```
#121221
```
#121221 rgb(18,18,33)
```
#181a2e
```
#181a2e rgb(24,26,46)
```
#1f213a
```
#1f213a rgb(31,33,58)
```
#262847
```
#262847 rgb(38,40,71)
```
#2d2f54
```
#2d2f54 rgb(45,47,84)
```
#343661
```
#343661 rgb(52,54,97)
```
#3b3d6e
```
#3b3d6e rgb(59,61,110)
```
#42447a
```
#42447a rgb(66,68,122)
```
#484c87
```
#484c87 rgb(72,76,135)
```
#4f5394
```
#4f5394 rgb(79,83,148)
```
#565aa1
```
#565aa1 rgb(86,90,161)
```

Shade Color Variation

#6064aa
```
#6064aa rgb(96,100,170)
```
#6d71b1
```
#6d71b1 rgb(109,113,177)
```
#7a7db8
```
#7a7db8 rgb(122,125,184)
```
#878abf
```
#878abf rgb(135,138,191)
```
#9396c5
```
#9396c5 rgb(147,150,197)
```
#a0a2cc
```
#a0a2cc rgb(160,162,204)
```
#adafd3
```
#adafd3 rgb(173,175,211)
```
#babbda
```
#babbda rgb(186,187,218)
```
#c6c8e1
```
#c6c8e1 rgb(198,200,225)
```
#d3d4e8
```
#d3d4e8 rgb(211,212,232)
```
#e0e1ee
```
#e0e1ee rgb(224,225,238)
```
#ededf5
```
#ededf5 rgb(237,237,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#3c3c45
```
#3c3c45 rgb(60,60,69)
```
#37384a
```
#37384a rgb(55,56,74)
```
#32334f
```
#32334f rgb(50,51,79)
```
#2d2f54
```
#2d2f54 rgb(45,47,84)
```
#282b59
```
#282b59 rgb(40,43,89)
```
#23265e
```
#23265e rgb(35,38,94)
```
#1e2263
```
#1e2263 rgb(30,34,99)
```
#191d68
```
#191d68 rgb(25,29,104)
```
#14196d
```
#14196d rgb(20,25,109)
```
#0f1472
```
#0f1472 rgb(15,20,114)
```
#0a1077
```
#0a1077 rgb(10,16,119)
```
#050b7c
```
#050b7c rgb(5,11,124)
```
#000781
```
#000781 rgb(0,7,129)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#32323a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e3b5e Protanopia 1% of men
#2b3d5b Deuteranopia 1% of men
#2f3f44 Tritanopia 0.001% of the population

Trichromacy

#2d375a Protanomaly 1% of men, 0.01% of women
#2b3758 Deuteranomaly 6% of men, 0.4% of women
#2e3949 Tritanomaly 0.01% of the population

#2d2f54 hex color

#2d2f54 Color Information

#2d2f54 Color Conversion

Color Schemes with #2d2f54

Alternatives to #2d2f54

#2d2f54 Preview

Shades and Tints of #2d2f54

Tones of #2d2f54

Color Blindness Simulator