#343045 hex color

In a RGB color space, hex #343045 is composed of 20.4% red, 18.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 30.4% magenta, 0% yellow and 72.9% black. It has a hue angle of 251.4 degrees, a saturation of 17.9% and a lightness of 22.9%. #343045 color hex could be obtained by blending #68608a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 19
- B 27
RGB color chart
- C 25
- M 30
- Y 0
- K 73
CMYK color chart

● #343045 color description : Very dark grayish blue.

The hexadecimal color #343045 has RGB values of R:52, G:48, B:69 and CMYK values of C:0.25, M:0.3, Y:0, K:0.73. Its decimal value is 3420229.

Hex triplet	343045	`#343045`
RGB Decimal	52, 48, 69	`rgb(52,48,69)`
RGB Percent	20.4, 18.8, 27.1	`rgb(20.4%,18.8%,27.1%)`
CMYK	25, 30, 0, 73
HSL	251.4°, 17.9, 22.9	`hsl(251.4,17.9%,22.9%)`
HSV (or HSB)	251.4°, 30.4, 27.1
Web Safe	333333	`#333333`

CIE-LAB	21.108, 7.141, -12.443
XYZ	3.547, 3.274, 6.075
xyY	0.275, 0.254, 3.274
CIE-LCH	21.108, 14.347, 299.851
CIE-LUV	21.108, 0.644, -14.446
Hunter-Lab	18.093, 3.331, -7.242
Binary	00110100, 00110000, 01000101

#343045
```
#343045 rgb(52,48,69)
```
#414530
```
#414530 rgb(65,69,48)
```

Complementary Color

#303745
```
#303745 rgb(48,55,69)
```
#343045
```
#343045 rgb(52,48,69)
```
#3f3045
```
#3f3045 rgb(63,48,69)
```

Analogous Color

#374530
```
#374530 rgb(55,69,48)
```
#343045
```
#343045 rgb(52,48,69)
```
#453f30
```
#453f30 rgb(69,63,48)
```

Split Complementary Color

#304534
```
#304534 rgb(48,69,52)
```
#343045
```
#343045 rgb(52,48,69)
```
#453430
```
#453430 rgb(69,52,48)
```

Triadic Color

#304145
```
#304145 rgb(48,65,69)
```
#343045
```
#343045 rgb(52,48,69)
```
#453430
```
#453430 rgb(69,52,48)
```
#414530
```
#414530 rgb(65,69,48)
```

Tetradic Color

#121118
```
#121118 rgb(18,17,24)
```
#1d1b27
```
#1d1b27 rgb(29,27,39)
```
#292636
```
#292636 rgb(41,38,54)
```
#343045
```
#343045 rgb(52,48,69)
```
#3f3a54
```
#3f3a54 rgb(63,58,84)
```
#4b4563
```
#4b4563 rgb(75,69,99)
```
#564f72
```
#564f72 rgb(86,79,114)
```

Monochromatic Color

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

#303145
```
#303145 rgb(48,49,69)
```
#313045
```
#313045 rgb(49,48,69)
```
#323045
```
#323045 rgb(50,48,69)
```
#343045
```
#343045 rgb(52,48,69)
```
#363045
```
#363045 rgb(54,48,69)
```
#383045
```
#383045 rgb(56,48,69)
```
#393045
```
#393045 rgb(57,48,69)
```

Similar Colors

Text with hexadecimal color #343045

This text has a font color of #343045.

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

#343045 background color

This paragraph has a background color of #343045.

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

#343045 border color

This element has a border color of #343045.

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

CSS codes

.text {color:#343045;}

.background {background-color:#343045;}

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

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, #08080b is the darkest color, while #ffffff is the lightest one.

#08080b
```
#08080b rgb(8,8,11)
```
#111017
```
#111017 rgb(17,16,23)
```
#1a1822
```
#1a1822 rgb(26,24,34)
```
#23202e
```
#23202e rgb(35,32,46)
```
#2b2839
```
#2b2839 rgb(43,40,57)
```
#343045
```
#343045 rgb(52,48,69)
```
#3d3851
```
#3d3851 rgb(61,56,81)
```
#45405c
```
#45405c rgb(69,64,92)
```
#4e4868
```
#4e4868 rgb(78,72,104)
```
#575073
```
#575073 rgb(87,80,115)
```
#60587f
```
#60587f rgb(96,88,127)
```
#68608a
```
#68608a rgb(104,96,138)
```
#716896
```
#716896 rgb(113,104,150)
```

Shade Color Variation

#7c749e
```
#7c749e rgb(124,116,158)
```
#877fa6
```
#877fa6 rgb(135,127,166)
```
#928bae
```
#928bae rgb(146,139,174)
```
#9d96b6
```
#9d96b6 rgb(157,150,182)
```
#a7a2be
```
#a7a2be rgb(167,162,190)
```
#b2aec6
```
#b2aec6 rgb(178,174,198)
```
#bdb9ce
```
#bdb9ce rgb(189,185,206)
```
#c8c5d6
```
#c8c5d6 rgb(200,197,214)
```
#d3d0df
```
#d3d0df rgb(211,208,223)
```
#dedce7
```
#dedce7 rgb(222,220,231)
```
#e9e7ef
```
#e9e7ef rgb(233,231,239)
```
#f4f3f7
```
#f4f3f7 rgb(244,243,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#3a393c
```
#3a393c rgb(58,57,60)
```
#373541
```
#373541 rgb(55,53,65)
```
#343045
```
#343045 rgb(52,48,69)
```
#312c4a
```
#312c4a rgb(49,44,74)
```
#2e274e
```
#2e274e rgb(46,39,78)
```
#2c2353
```
#2c2353 rgb(44,35,83)
```
#291e57
```
#291e57 rgb(41,30,87)
```
#261a5c
```
#261a5c rgb(38,26,92)
```
#231560
```
#231560 rgb(35,21,96)
```
#211165
```
#211165 rgb(33,17,101)
```
#1e0c69
```
#1e0c69 rgb(30,12,105)
```
#1b086e
```
#1b086e rgb(27,8,110)
```
#180372
```
#180372 rgb(24,3,114)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#343337 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373c4f Protanopia 1% of men
#393c4e Deuteranopia 1% of men
#3b3d41 Tritanopia 0.001% of the population

Trichromacy

#36384b Protanomaly 1% of men, 0.01% of women
#37374a Deuteranomaly 6% of men, 0.4% of women
#383842 Tritanomaly 0.01% of the population

#343045 hex color

#343045 Color Information

#343045 Color Conversion

Color Schemes with #343045

Alternatives to #343045

#343045 Preview

Shades and Tints of #343045

Tones of #343045

Color Blindness Simulator