#302b40 hex color

In a RGB color space, hex #302b40 is composed of 18.8% red, 16.9% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 32.8% magenta, 0% yellow and 74.9% black. It has a hue angle of 254.3 degrees, a saturation of 19.6% and a lightness of 21%. #302b40 color hex could be obtained by blending #605680 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 17
- B 25
RGB color chart
- C 25
- M 33
- Y 0
- K 75
CMYK color chart

● #302b40 color description : Very dark grayish blue.

The hexadecimal color #302b40 has RGB values of R:48, G:43, B:64 and CMYK values of C:0.25, M:0.33, Y:0, K:0.75. Its decimal value is 3156800.

Hex triplet	302b40	`#302b40`
RGB Decimal	48, 43, 64	`rgb(48,43,64)`
RGB Percent	18.8, 16.9, 25.1	`rgb(18.8%,16.9%,25.1%)`
CMYK	25, 33, 0, 75
HSL	254.3°, 19.6, 21	`hsl(254.3,19.6%,21%)`
HSV (or HSB)	254.3°, 32.8, 25.1
Web Safe	333333	`#333333`

CIE-LAB	18.913, 7.671, -12.452
XYZ	3.008, 2.726, 5.218
xyY	0.275, 0.249, 2.726
CIE-LCH	18.913, 14.625, 301.635
CIE-LUV	18.913, 1.03, -13.853
Hunter-Lab	16.511, 3.624, -7.179
Binary	00110000, 00101011, 01000000

#302b40
```
#302b40 rgb(48,43,64)
```
#3b402b
```
#3b402b rgb(59,64,43)
```

Complementary Color

#2b3140
```
#2b3140 rgb(43,49,64)
```
#302b40
```
#302b40 rgb(48,43,64)
```
#3b2b40
```
#3b2b40 rgb(59,43,64)
```

Analogous Color

#31402b
```
#31402b rgb(49,64,43)
```
#302b40
```
#302b40 rgb(48,43,64)
```
#403b2b
```
#403b2b rgb(64,59,43)
```

Split Complementary Color

#2b4030
```
#2b4030 rgb(43,64,48)
```
#302b40
```
#302b40 rgb(48,43,64)
```
#40302b
```
#40302b rgb(64,48,43)
```

Triadic Color

#2b3b40
```
#2b3b40 rgb(43,59,64)
```
#302b40
```
#302b40 rgb(48,43,64)
```
#40302b
```
#40302b rgb(64,48,43)
```
#3b402b
```
#3b402b rgb(59,64,43)
```

Tetradic Color

#0e0c12
```
#0e0c12 rgb(14,12,18)
```
#191721
```
#191721 rgb(25,23,33)
```
#252131
```
#252131 rgb(37,33,49)
```
#302b40
```
#302b40 rgb(48,43,64)
```
#3b354f
```
#3b354f rgb(59,53,79)
```
#473f5f
```
#473f5f rgb(71,63,95)
```
#524a6e
```
#524a6e rgb(82,74,110)
```

Monochromatic Color

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

#2b2b40
```
#2b2b40 rgb(43,43,64)
```
#2d2b40
```
#2d2b40 rgb(45,43,64)
```
#2e2b40
```
#2e2b40 rgb(46,43,64)
```
#302b40
```
#302b40 rgb(48,43,64)
```
#322b40
```
#322b40 rgb(50,43,64)
```
#342b40
```
#342b40 rgb(52,43,64)
```
#352b40
```
#352b40 rgb(53,43,64)
```

Similar Colors

Text with hexadecimal color #302b40

This text has a font color of #302b40.

<span style="color:#302b40;">Text here</span>

#302b40 background color

This paragraph has a background color of #302b40.

<p style="background-color:#302b40;">Content here</p>

#302b40 border color

This element has a border color of #302b40.

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

CSS codes

.text {color:#302b40;}

.background {background-color:#302b40;}

.border {border:1px solid #302b40;}

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

#040405
```
#040405 rgb(4,4,5)
```
#0d0b11
```
#0d0b11 rgb(13,11,17)
```
#16131d
```
#16131d rgb(22,19,29)
```
#1e1b29
```
#1e1b29 rgb(30,27,41)
```
#272334
```
#272334 rgb(39,35,52)
```
#302b40
```
#302b40 rgb(48,43,64)
```
#39334c
```
#39334c rgb(57,51,76)
```
#423b57
```
#423b57 rgb(66,59,87)
```
#4a4363
```
#4a4363 rgb(74,67,99)
```
#534b6f
```
#534b6f rgb(83,75,111)
```
#5c527b
```
#5c527b rgb(92,82,123)
```
#655a86
```
#655a86 rgb(101,90,134)
```
#6e6292
```
#6e6292 rgb(110,98,146)
```

Shade Color Variation

#776c9c
```
#776c9c rgb(119,108,156)
```
#8278a4
```
#8278a4 rgb(130,120,164)
```
#8d83ac
```
#8d83ac rgb(141,131,172)
```
#988fb4
```
#988fb4 rgb(152,143,180)
```
#a39bbc
```
#a39bbc rgb(163,155,188)
```
#ada6c4
```
#ada6c4 rgb(173,166,196)
```
#b8b2cb
```
#b8b2cb rgb(184,178,203)
```
#c3bed3
```
#c3bed3 rgb(195,190,211)
```
#cecadb
```
#cecadb rgb(206,202,219)
```
#d9d5e3
```
#d9d5e3 rgb(217,213,227)
```
#e3e1eb
```
#e3e1eb rgb(227,225,235)
```
#eeedf3
```
#eeedf3 rgb(238,237,243)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#343338
```
#343338 rgb(52,51,56)
```
#322f3c
```
#322f3c rgb(50,47,60)
```
#302b40
```
#302b40 rgb(48,43,64)
```
#2e2744
```
#2e2744 rgb(46,39,68)
```
#2c2348
```
#2c2348 rgb(44,35,72)
```
#2a1f4c
```
#2a1f4c rgb(42,31,76)
```
#271b50
```
#271b50 rgb(39,27,80)
```
#251655
```
#251655 rgb(37,22,85)
```
#231259
```
#231259 rgb(35,18,89)
```
#210e5d
```
#210e5d rgb(33,14,93)
```
#1f0a61
```
#1f0a61 rgb(31,10,97)
```
#1d0665
```
#1d0665 rgb(29,6,101)
```
#1a0269
```
#1a0269 rgb(26,2,105)
```

Tone Color Variation

Below, you can see how #302b40 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

#2f2f2f Achromatopsia 0.005% of the population
#2f2e32 Atypical Achromatopsia 0.001% of the population

Dichromacy

#32384b Protanopia 1% of men
#343849 Deuteranopia 1% of men
#37383c Tritanopia 0.001% of the population

Trichromacy

#313347 Protanomaly 1% of men, 0.01% of women
#323345 Deuteranomaly 6% of men, 0.4% of women
#35333d Tritanomaly 0.01% of the population

#302b40 hex color

#302b40 Color Information

#302b40 Color Conversion

Color Schemes with #302b40

Alternatives to #302b40

#302b40 Preview

Shades and Tints of #302b40

Tones of #302b40

Color Blindness Simulator