#305348 hex color

In a RGB color space, hex #305348 is composed of 18.8% red, 32.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 0% magenta, 13.3% yellow and 67.5% black. It has a hue angle of 161.1 degrees, a saturation of 26.7% and a lightness of 25.7%. #305348 color hex could be obtained by blending #60a690 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 33
- B 28
RGB color chart
- C 42
- M 0
- Y 13
- K 67
CMYK color chart

● #305348 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #305348 has RGB values of R:48, G:83, B:72 and CMYK values of C:0.42, M:0, Y:0.13, K:0.67. Its decimal value is 3167048.

Hex triplet	305348	`#305348`
RGB Decimal	48, 83, 72	`rgb(48,83,72)`
RGB Percent	18.8, 32.5, 28.2	`rgb(18.8%,32.5%,28.2%)`
CMYK	42, 0, 13, 67
HSL	161.1°, 26.7, 25.7	`hsl(161.1,26.7%,25.7%)`
HSV (or HSB)	161.1°, 42.2, 32.5
Web Safe	336633	`#336633`

CIE-LAB	32.442, -15.622, 2.467
XYZ	5.482, 7.282, 7.247
xyY	0.274, 0.364, 7.282
CIE-LCH	32.442, 15.815, 171.027
CIE-LUV	32.442, -15.673, 5.046
Hunter-Lab	26.986, -10.968, 2.967
Binary	00110000, 01010011, 01001000

#305348
```
#305348 rgb(48,83,72)
```
#53303b
```
#53303b rgb(83,48,59)
```

Complementary Color

#305337
```
#305337 rgb(48,83,55)
```
#305348
```
#305348 rgb(48,83,72)
```
#304d53
```
#304d53 rgb(48,77,83)
```

Analogous Color

#533730
```
#533730 rgb(83,55,48)
```
#305348
```
#305348 rgb(48,83,72)
```
#53304d
```
#53304d rgb(83,48,77)
```

Split Complementary Color

#534830
```
#534830 rgb(83,72,48)
```
#305348
```
#305348 rgb(48,83,72)
```
#483053
```
#483053 rgb(72,48,83)
```

Triadic Color

#3b5330
```
#3b5330 rgb(59,83,48)
```
#305348
```
#305348 rgb(48,83,72)
```
#483053
```
#483053 rgb(72,48,83)
```
#53303b
```
#53303b rgb(83,48,59)
```

Tetradic Color

#14231e
```
#14231e rgb(20,35,30)
```
#1d332c
```
#1d332c rgb(29,51,44)
```
#27433a
```
#27433a rgb(39,67,58)
```
#305348
```
#305348 rgb(48,83,72)
```
#396356
```
#396356 rgb(57,99,86)
```
#437364
```
#437364 rgb(67,115,100)
```
#4c8372
```
#4c8372 rgb(76,131,114)
```

Monochromatic Color

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

#30533f
```
#30533f rgb(48,83,63)
```
#305342
```
#305342 rgb(48,83,66)
```
#305345
```
#305345 rgb(48,83,69)
```
#305348
```
#305348 rgb(48,83,72)
```
#30534b
```
#30534b rgb(48,83,75)
```
#30534e
```
#30534e rgb(48,83,78)
```
#305351
```
#305351 rgb(48,83,81)
```

Similar Colors

Text with hexadecimal color #305348

This text has a font color of #305348.

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

#305348 background color

This paragraph has a background color of #305348.

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

#305348 border color

This element has a border color of #305348.

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

CSS codes

.text {color:#305348;}

.background {background-color:#305348;}

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

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

#050807
```
#050807 rgb(5,8,7)
```
#0c1512
```
#0c1512 rgb(12,21,18)
```
#13211d
```
#13211d rgb(19,33,29)
```
#1a2e28
```
#1a2e28 rgb(26,46,40)
```
#223a32
```
#223a32 rgb(34,58,50)
```
#29473d
```
#29473d rgb(41,71,61)
```
#305348
```
#305348 rgb(48,83,72)
```
#375f53
```
#375f53 rgb(55,95,83)
```
#3e6c5e
```
#3e6c5e rgb(62,108,94)
```
#467868
```
#467868 rgb(70,120,104)
```
#4d8573
```
#4d8573 rgb(77,133,115)
```
#54917e
```
#54917e rgb(84,145,126)
```
#5b9e89
```
#5b9e89 rgb(91,158,137)
```

Shade Color Variation

#66a692
```
#66a692 rgb(102,166,146)
```
#72ae9b
```
#72ae9b rgb(114,174,155)
```
#7fb5a4
```
#7fb5a4 rgb(127,181,164)
```
#8bbcad
```
#8bbcad rgb(139,188,173)
```
#98c3b5
```
#98c3b5 rgb(152,195,181)
```
#a4cabe
```
#a4cabe rgb(164,202,190)
```
#b0d2c7
```
#b0d2c7 rgb(176,210,199)
```
#bdd9d0
```
#bdd9d0 rgb(189,217,208)
```
#c9e0d9
```
#c9e0d9 rgb(201,224,217)
```
#d6e7e2
```
#d6e7e2 rgb(214,231,226)
```
#e2eeea
```
#e2eeea rgb(226,238,234)
```
#eff6f3
```
#eff6f3 rgb(239,246,243)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#3f4442
```
#3f4442 rgb(63,68,66)
```
#3a4944
```
#3a4944 rgb(58,73,68)
```
#354e46
```
#354e46 rgb(53,78,70)
```
#305348
```
#305348 rgb(48,83,72)
```
#2b584a
```
#2b584a rgb(43,88,74)
```
#265d4c
```
#265d4c rgb(38,93,76)
```
#21624e
```
#21624e rgb(33,98,78)
```
#1c674f
```
#1c674f rgb(28,103,79)
```
#176c51
```
#176c51 rgb(23,108,81)
```
#127153
```
#127153 rgb(18,113,83)
```
#0d7655
```
#0d7655 rgb(13,118,85)
```
#087b57
```
#087b57 rgb(8,123,87)
```
#038059
```
#038059 rgb(3,128,89)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424947 Atypical Achromatopsia 0.001% of the population

Dichromacy

#58554e Protanopia 1% of men
#5d5354 Deuteranopia 1% of men
#3f5960 Tritanopia 0.001% of the population

Trichromacy

#49544b Protanomaly 1% of men, 0.01% of women
#4d5350 Deuteranomaly 6% of men, 0.4% of women
#395757 Tritanomaly 0.01% of the population

#305348 hex color

#305348 Color Information

#305348 Color Conversion

Color Schemes with #305348

Alternatives to #305348

#305348 Preview

Shades and Tints of #305348

Tones of #305348

Color Blindness Simulator