#303a40 hex color

In a RGB color space, hex #303a40 is composed of 18.8% red, 22.7% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 9.4% magenta, 0% yellow and 74.9% black. It has a hue angle of 202.5 degrees, a saturation of 14.3% and a lightness of 22%. #303a40 color hex could be obtained by blending #607480 with #000000. Closest websafe color is: #333333.

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

● #303a40 color description : Very dark grayish blue.

The hexadecimal color #303a40 has RGB values of R:48, G:58, B:64 and CMYK values of C:0.25, M:0.09, Y:0, K:0.75. Its decimal value is 3160640.

Hex triplet	303a40	`#303a40`
RGB Decimal	48, 58, 64	`rgb(48,58,64)`
RGB Percent	18.8, 22.7, 25.1	`rgb(18.8%,22.7%,25.1%)`
CMYK	25, 9, 0, 75
HSL	202.5°, 14.3, 22	`hsl(202.5,14.3%,22%)`
HSV (or HSB)	202.5°, 25, 25.1
Web Safe	333333	`#333333`

CIE-LAB	23.753, -2.547, -5.098
XYZ	3.657, 4.025, 5.434
xyY	0.279, 0.307, 4.025
CIE-LCH	23.753, 5.698, 243.453
CIE-LUV	23.753, -4.857, -5.381
Hunter-Lab	20.061, -2.567, -2.018
Binary	00110000, 00111010, 01000000

#303a40
```
#303a40 rgb(48,58,64)
```
#403630
```
#403630 rgb(64,54,48)
```

Complementary Color

#30403e
```
#30403e rgb(48,64,62)
```
#303a40
```
#303a40 rgb(48,58,64)
```
#303240
```
#303240 rgb(48,50,64)
```

Analogous Color

#403e30
```
#403e30 rgb(64,62,48)
```
#303a40
```
#303a40 rgb(48,58,64)
```
#403032
```
#403032 rgb(64,48,50)
```

Split Complementary Color

#3a4030
```
#3a4030 rgb(58,64,48)
```
#303a40
```
#303a40 rgb(48,58,64)
```
#40303a
```
#40303a rgb(64,48,58)
```

Triadic Color

#304036
```
#304036 rgb(48,64,54)
```
#303a40
```
#303a40 rgb(48,58,64)
```
#40303a
```
#40303a rgb(64,48,58)
```
#403630
```
#403630 rgb(64,54,48)
```

Tetradic Color

#0f1214
```
#0f1214 rgb(15,18,20)
```
#1a2023
```
#1a2023 rgb(26,32,35)
```
#252d31
```
#252d31 rgb(37,45,49)
```
#303a40
```
#303a40 rgb(48,58,64)
```
#3b474f
```
#3b474f rgb(59,71,79)
```
#46545d
```
#46545d rgb(70,84,93)
```
#51626c
```
#51626c rgb(81,98,108)
```

Monochromatic Color

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

#303e40
```
#303e40 rgb(48,62,64)
```
#303d40
```
#303d40 rgb(48,61,64)
```
#303b40
```
#303b40 rgb(48,59,64)
```
#303a40
```
#303a40 rgb(48,58,64)
```
#303940
```
#303940 rgb(48,57,64)
```
#303740
```
#303740 rgb(48,55,64)
```
#303640
```
#303640 rgb(48,54,64)
```

Similar Colors

Text with hexadecimal color #303a40

This text has a font color of #303a40.

<span style="color:#303a40;">Text here</span>

#303a40 background color

This paragraph has a background color of #303a40.

<p style="background-color:#303a40;">Content here</p>

#303a40 border color

This element has a border color of #303a40.

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

CSS codes

.text {color:#303a40;}

.background {background-color:#303a40;}

.border {border:1px solid #303a40;}

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

#060708
```
#060708 rgb(6,7,8)
```
#0e1113
```
#0e1113 rgb(14,17,19)
```
#171c1e
```
#171c1e rgb(23,28,30)
```
#1f262a
```
#1f262a rgb(31,38,42)
```
#283035
```
#283035 rgb(40,48,53)
```
#303a40
```
#303a40 rgb(48,58,64)
```
#38444b
```
#38444b rgb(56,68,75)
```
#414e56
```
#414e56 rgb(65,78,86)
```
#495862
```
#495862 rgb(73,88,98)
```
#52636d
```
#52636d rgb(82,99,109)
```
#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#627783
```
#627783 rgb(98,119,131)
```
#6b818e
```
#6b818e rgb(107,129,142)
```

Shade Color Variation

#758b98
```
#758b98 rgb(117,139,152)
```
#8094a0
```
#8094a0 rgb(128,148,160)
```
#8c9ea8
```
#8c9ea8 rgb(140,158,168)
```
#97a7b1
```
#97a7b1 rgb(151,167,177)
```
#a2b1b9
```
#a2b1b9 rgb(162,177,185)
```
#adbac2
```
#adbac2 rgb(173,186,194)
```
#b8c4ca
```
#b8c4ca rgb(184,196,202)
```
#c4cdd3
```
#c4cdd3 rgb(196,205,211)
```
#cfd6db
```
#cfd6db rgb(207,214,219)
```
#dae0e3
```
#dae0e3 rgb(218,224,227)
```
#e5e9ec
```
#e5e9ec rgb(229,233,236)
```
#f1f3f4
```
#f1f3f4 rgb(241,243,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #34393c is the less saturated color, while #01466f is the most saturated one.

#34393c
```
#34393c rgb(52,57,60)
```
#303a40
```
#303a40 rgb(48,58,64)
```
#2c3b44
```
#2c3b44 rgb(44,59,68)
```
#273c49
```
#273c49 rgb(39,60,73)
```
#233d4d
```
#233d4d rgb(35,61,77)
```
#1f3e51
```
#1f3e51 rgb(31,62,81)
```
#1a3f56
```
#1a3f56 rgb(26,63,86)
```
#16405a
```
#16405a rgb(22,64,90)
```
#12425e
```
#12425e rgb(18,66,94)
```
#0e4362
```
#0e4362 rgb(14,67,98)
```
#094467
```
#094467 rgb(9,68,103)
```
#05456b
```
#05456b rgb(5,69,107)
```
#01466f
```
#01466f rgb(1,70,111)
```

Tone Color Variation

Below, you can see how #303a40 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

#383838 Achromatopsia 0.005% of the population
#36383a Atypical Achromatopsia 0.001% of the population

Dichromacy

#424248 Protanopia 1% of men
#45414a Deuteranopia 1% of men
#3a4449 Tritanopia 0.001% of the population

Trichromacy

#3b3f45 Protanomaly 1% of men, 0.01% of women
#3d3e46 Deuteranomaly 6% of men, 0.4% of women
#364045 Tritanomaly 0.01% of the population

#303a40 hex color

#303a40 Color Information

#303a40 Color Conversion

Color Schemes with #303a40

Alternatives to #303a40

#303a40 Preview

Shades and Tints of #303a40

Tones of #303a40

Color Blindness Simulator