#424348 hex color

In a RGB color space, hex #424348 is composed of 25.9% red, 26.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 8.3% cyan, 6.9% magenta, 0% yellow and 71.8% black. It has a hue angle of 230 degrees, a saturation of 4.3% and a lightness of 27.1%. #424348 color hex could be obtained by blending #848690 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 26
- G 26
- B 28
RGB color chart
- C 8
- M 7
- Y 0
- K 72
CMYK color chart

● #424348 color description : Very dark grayish blue.

The hexadecimal color #424348 has RGB values of R:66, G:67, B:72 and CMYK values of C:0.08, M:0.07, Y:0, K:0.72. Its decimal value is 4342600.

Hex triplet	424348	`#424348`
RGB Decimal	66, 67, 72	`rgb(66,67,72)`
RGB Percent	25.9, 26.3, 28.2	`rgb(25.9%,26.3%,28.2%)`
CMYK	8, 7, 0, 72
HSL	230°, 4.3, 27.1	`hsl(230,4.3%,27.1%)`
HSV (or HSB)	230°, 8.3, 28.2
Web Safe	333333	`#333333`

CIE-LAB	28.487, 0.741, -3.165
XYZ	5.423, 5.64, 6.934
xyY	0.301, 0.313, 5.64
CIE-LCH	28.487, 3.25, 283.169
CIE-LUV	28.487, -0.779, -3.816
Hunter-Lab	23.75, -0.8, -0.685
Binary	01000010, 01000011, 01001000

#424348
```
#424348 rgb(66,67,72)
```
#484742
```
#484742 rgb(72,71,66)
```

Complementary Color

#424648
```
#424648 rgb(66,70,72)
```
#424348
```
#424348 rgb(66,67,72)
```
#444248
```
#444248 rgb(68,66,72)
```

Analogous Color

#464842
```
#464842 rgb(70,72,66)
```
#424348
```
#424348 rgb(66,67,72)
```
#484442
```
#484442 rgb(72,68,66)
```

Split Complementary Color

#434842
```
#434842 rgb(67,72,66)
```
#424348
```
#424348 rgb(66,67,72)
```
#484243
```
#484243 rgb(72,66,67)
```

Triadic Color

#424847
```
#424847 rgb(66,72,71)
```
#424348
```
#424348 rgb(66,67,72)
```
#484243
```
#484243 rgb(72,66,67)
```
#484742
```
#484742 rgb(72,71,66)
```

Tetradic Color

#1d1e20
```
#1d1e20 rgb(29,30,32)
```
#2a2a2d
```
#2a2a2d rgb(42,42,45)
```
#36373b
```
#36373b rgb(54,55,59)
```
#424348
```
#424348 rgb(66,67,72)
```
#4e4f55
```
#4e4f55 rgb(78,79,85)
```
#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#676870
```
#676870 rgb(103,104,112)
```

Monochromatic Color

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

#424548
```
#424548 rgb(66,69,72)
```
#424448
```
#424448 rgb(66,68,72)
```
#424448
```
#424448 rgb(66,68,72)
```
#424348
```
#424348 rgb(66,67,72)
```
#424348
```
#424348 rgb(66,67,72)
```
#424248
```
#424248 rgb(66,66,72)
```
#434248
```
#434248 rgb(67,66,72)
```

Similar Colors

Text with hexadecimal color #424348

This text has a font color of #424348.

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

#424348 background color

This paragraph has a background color of #424348.

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

#424348 border color

This element has a border color of #424348.

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

CSS codes

.text {color:#424348;}

.background {background-color:#424348;}

.border {border:1px solid #424348;}

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0a0b
```
#0a0a0b rgb(10,10,11)
```
#131315
```
#131315 rgb(19,19,21)
```
#1c1d1f
```
#1c1d1f rgb(28,29,31)
```
#262629
```
#262629 rgb(38,38,41)
```
#2f3034
```
#2f3034 rgb(47,48,52)
```
#39393e
```
#39393e rgb(57,57,62)
```
#424348
```
#424348 rgb(66,67,72)
```
#4b4d52
```
#4b4d52 rgb(75,77,82)
```
#55565c
```
#55565c rgb(85,86,92)
```
#5e6067
```
#5e6067 rgb(94,96,103)
```
#686971
```
#686971 rgb(104,105,113)
```
#71737b
```
#71737b rgb(113,115,123)
```

Shade Color Variation

#7a7c85
```
#7a7c85 rgb(122,124,133)
```
#85868f
```
#85868f rgb(133,134,143)
```
#8f9098
```
#8f9098 rgb(143,144,152)
```
#999aa2
```
#999aa2 rgb(153,154,162)
```
#a3a5ab
```
#a3a5ab rgb(163,165,171)
```
#adafb4
```
#adafb4 rgb(173,175,180)
```
#b8b9be
```
#b8b9be rgb(184,185,190)
```
#c2c3c7
```
#c2c3c7 rgb(194,195,199)
```
#cccdd0
```
#cccdd0 rgb(204,205,208)
```
#d6d7da
```
#d6d7da rgb(214,215,218)
```
#e1e1e3
```
#e1e1e3 rgb(225,225,227)
```
#ebebed
```
#ebebed rgb(235,235,237)
```
#f5f5f6
```
#f5f5f6 rgb(245,245,246)
```

Tint Color Variation

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

#424348
```
#424348 rgb(66,67,72)
```
#3d3f4d
```
#3d3f4d rgb(61,63,77)
```
#373c53
```
#373c53 rgb(55,60,83)
```
#323858
```
#323858 rgb(50,56,88)
```
#2d355d
```
#2d355d rgb(45,53,93)
```
#273163
```
#273163 rgb(39,49,99)
```
#222e68
```
#222e68 rgb(34,46,104)
```
#1d2a6d
```
#1d2a6d rgb(29,42,109)
```
#182772
```
#182772 rgb(24,39,114)
```
#122378
```
#122378 rgb(18,35,120)
```
#0d207d
```
#0d207d rgb(13,32,125)
```
#081c82
```
#081c82 rgb(8,28,130)
```
#021988
```
#021988 rgb(2,25,136)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#434344 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4c51 Protanopia 1% of men
#514a52 Deuteranopia 1% of men
#4b4c52 Tritanopia 0.001% of the population

Trichromacy

#48494d Protanomaly 1% of men, 0.01% of women
#4b484e Deuteranomaly 6% of men, 0.4% of women
#48494e Tritanomaly 0.01% of the population

#424348 hex color

#424348 Color Information

#424348 Color Conversion

Color Schemes with #424348

Alternatives to #424348

#424348 Preview

Shades and Tints of #424348

Tones of #424348

Color Blindness Simulator