#34363f hex color

In a RGB color space, hex #34363f is composed of 20.4% red, 21.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 14.3% magenta, 0% yellow and 75.3% black. It has a hue angle of 229.1 degrees, a saturation of 9.6% and a lightness of 22.5%. #34363f color hex could be obtained by blending #686c7e with #000000. Closest websafe color is: #333333.

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

● #34363f color description : Very dark grayish blue.

The hexadecimal color #34363f has RGB values of R:52, G:54, B:63 and CMYK values of C:0.17, M:0.14, Y:0, K:0.75. Its decimal value is 3421759.

Hex triplet	34363f	`#34363f`
RGB Decimal	52, 54, 63	`rgb(52,54,63)`
RGB Percent	20.4, 21.2, 24.7	`rgb(20.4%,21.2%,24.7%)`
CMYK	17, 14, 0, 75
HSL	229.1°, 9.6, 22.5	`hsl(229.1,9.6%,22.5%)`
HSV (or HSB)	229.1°, 17.5, 24.7
Web Safe	333333	`#333333`

CIE-LAB	22.748, 1.398, -5.896
XYZ	3.632, 3.727, 5.23
xyY	0.289, 0.296, 3.727
CIE-LCH	22.748, 6.059, 283.344
CIE-LUV	22.748, -1.393, -6.639
Hunter-Lab	19.306, -0.201, -2.549
Binary	00110100, 00110110, 00111111

#34363f
```
#34363f rgb(52,54,63)
```
#3f3d34
```
#3f3d34 rgb(63,61,52)
```

Complementary Color

#343c3f
```
#343c3f rgb(52,60,63)
```
#34363f
```
#34363f rgb(52,54,63)
```
#38343f
```
#38343f rgb(56,52,63)
```

Analogous Color

#3c3f34
```
#3c3f34 rgb(60,63,52)
```
#34363f
```
#34363f rgb(52,54,63)
```
#3f3834
```
#3f3834 rgb(63,56,52)
```

Split Complementary Color

#363f34
```
#363f34 rgb(54,63,52)
```
#34363f
```
#34363f rgb(52,54,63)
```
#3f3436
```
#3f3436 rgb(63,52,54)
```

Triadic Color

#343f3d
```
#343f3d rgb(52,63,61)
```
#34363f
```
#34363f rgb(52,54,63)
```
#3f3436
```
#3f3436 rgb(63,52,54)
```
#3f3d34
```
#3f3d34 rgb(63,61,52)
```

Tetradic Color

#111215
```
#111215 rgb(17,18,21)
```
#1d1e23
```
#1d1e23 rgb(29,30,35)
```
#282a31
```
#282a31 rgb(40,42,49)
```
#34363f
```
#34363f rgb(52,54,63)
```
#40424d
```
#40424d rgb(64,66,77)
```
#4b4e5b
```
#4b4e5b rgb(75,78,91)
```
#575a69
```
#575a69 rgb(87,90,105)
```

Monochromatic Color

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

#34393f
```
#34393f rgb(52,57,63)
```
#34383f
```
#34383f rgb(52,56,63)
```
#34373f
```
#34373f rgb(52,55,63)
```
#34363f
```
#34363f rgb(52,54,63)
```
#34353f
```
#34353f rgb(52,53,63)
```
#34343f
```
#34343f rgb(52,52,63)
```
#35343f
```
#35343f rgb(53,52,63)
```

Similar Colors

Text with hexadecimal color #34363f

This text has a font color of #34363f.

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

#34363f background color

This paragraph has a background color of #34363f.

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

#34363f border color

This element has a border color of #34363f.

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

CSS codes

.text {color:#34363f;}

.background {background-color:#34363f;}

.border {border:1px solid #34363f;}

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

#080809
```
#080809 rgb(8,8,9)
```
#111114
```
#111114 rgb(17,17,20)
```
#191a1f
```
#191a1f rgb(25,26,31)
```
#22242a
```
#22242a rgb(34,36,42)
```
#2b2d34
```
#2b2d34 rgb(43,45,52)
```
#34363f
```
#34363f rgb(52,54,63)
```
#3d3f4a
```
#3d3f4a rgb(61,63,74)
```
#464854
```
#464854 rgb(70,72,84)
```
#4f525f
```
#4f525f rgb(79,82,95)
```
#575b6a
```
#575b6a rgb(87,91,106)
```
#606475
```
#606475 rgb(96,100,117)
```
#696d7f
```
#696d7f rgb(105,109,127)
```
#72768a
```
#72768a rgb(114,118,138)
```

Shade Color Variation

#7d8193
```
#7d8193 rgb(125,129,147)
```
#878b9c
```
#878b9c rgb(135,139,156)
```
#9296a5
```
#9296a5 rgb(146,150,165)
```
#9da0ae
```
#9da0ae rgb(157,160,174)
```
#a8aab7
```
#a8aab7 rgb(168,170,183)
```
#b2b5c0
```
#b2b5c0 rgb(178,181,192)
```
#bdbfc9
```
#bdbfc9 rgb(189,191,201)
```
#c8cad1
```
#c8cad1 rgb(200,202,209)
```
#d3d4da
```
#d3d4da rgb(211,212,218)
```
#dddee3
```
#dddee3 rgb(221,222,227)
```
#e8e9ec
```
#e8e9ec rgb(232,233,236)
```
#f3f3f5
```
#f3f3f5 rgb(243,243,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#38393b
```
#38393b rgb(56,57,59)
```
#34363f
```
#34363f rgb(52,54,63)
```
#303343
```
#303343 rgb(48,51,67)
```
#2b3048
```
#2b3048 rgb(43,48,72)
```
#272e4c
```
#272e4c rgb(39,46,76)
```
#222b51
```
#222b51 rgb(34,43,81)
```
#1e2855
```
#1e2855 rgb(30,40,85)
```
#19255a
```
#19255a rgb(25,37,90)
```
#15225e
```
#15225e rgb(21,34,94)
```
#111f62
```
#111f62 rgb(17,31,98)
```
#0c1d67
```
#0c1d67 rgb(12,29,103)
```
#081a6b
```
#081a6b rgb(8,26,107)
```
#031770
```
#031770 rgb(3,23,112)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#363638 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4048 Protanopia 1% of men
#423f49 Deuteranopia 1% of men
#3d4145 Tritanopia 0.001% of the population

Trichromacy

#3b3c45 Protanomaly 1% of men, 0.01% of women
#3d3b45 Deuteranomaly 6% of men, 0.4% of women
#3a3d43 Tritanomaly 0.01% of the population

#34363f hex color

#34363f Color Information

#34363f Color Conversion

Color Schemes with #34363f

Alternatives to #34363f

#34363f Preview

Shades and Tints of #34363f

Tones of #34363f

Color Blindness Simulator