#304b4a hex color

In a RGB color space, hex #304b4a is composed of 18.8% red, 29.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 0% magenta, 1.3% yellow and 70.6% black. It has a hue angle of 177.8 degrees, a saturation of 22% and a lightness of 24.1%. #304b4a color hex could be obtained by blending #609694 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 29
- B 29
RGB color chart
- C 36
- M 0
- Y 1
- K 71
CMYK color chart

● #304b4a color description : Very dark desaturated cyan.

The hexadecimal color #304b4a has RGB values of R:48, G:75, B:74 and CMYK values of C:0.36, M:0, Y:0.01, K:0.71. Its decimal value is 3165002.

Hex triplet	304b4a	`#304b4a`
RGB Decimal	48, 75, 74	`rgb(48,75,74)`
RGB Percent	18.8, 29.4, 29	`rgb(18.8%,29.4%,29%)`
CMYK	36, 0, 1, 71
HSL	177.8°, 22, 24.1	`hsl(177.8,22%,24.1%)`
HSV (or HSB)	177.8°, 36, 29.4
Web Safe	333333	`#333333`

CIE-LAB	29.799, -10.431, -2.669
XYZ	4.971, 6.155, 7.404
xyY	0.268, 0.332, 6.155
CIE-LCH	29.799, 10.767, 194.354
CIE-LUV	29.799, -12.188, -1.866
Hunter-Lab	24.809, -7.651, -0.329
Binary	00110000, 01001011, 01001010

#304b4a
```
#304b4a rgb(48,75,74)
```
#4b3031
```
#4b3031 rgb(75,48,49)
```

Complementary Color

#304b3d
```
#304b3d rgb(48,75,61)
```
#304b4a
```
#304b4a rgb(48,75,74)
```
#303f4b
```
#303f4b rgb(48,63,75)
```

Analogous Color

#4b3d30
```
#4b3d30 rgb(75,61,48)
```
#304b4a
```
#304b4a rgb(48,75,74)
```
#4b303f
```
#4b303f rgb(75,48,63)
```

Split Complementary Color

#4b4a30
```
#4b4a30 rgb(75,74,48)
```
#304b4a
```
#304b4a rgb(48,75,74)
```
#4a304b
```
#4a304b rgb(74,48,75)
```

Triadic Color

#314b30
```
#314b30 rgb(49,75,48)
```
#304b4a
```
#304b4a rgb(48,75,74)
```
#4a304b
```
#4a304b rgb(74,48,75)
```
#4b3031
```
#4b3031 rgb(75,48,49)
```

Tetradic Color

#121c1c
```
#121c1c rgb(18,28,28)
```
#1c2c2b
```
#1c2c2b rgb(28,44,43)
```
#263b3b
```
#263b3b rgb(38,59,59)
```
#304b4a
```
#304b4a rgb(48,75,74)
```
#3a5b59
```
#3a5b59 rgb(58,91,89)
```
#446a69
```
#446a69 rgb(68,106,105)
```
#4e7a78
```
#4e7a78 rgb(78,122,120)
```

Monochromatic Color

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

#304b43
```
#304b43 rgb(48,75,67)
```
#304b46
```
#304b46 rgb(48,75,70)
```
#304b48
```
#304b48 rgb(48,75,72)
```
#304b4a
```
#304b4a rgb(48,75,74)
```
#304a4b
```
#304a4b rgb(48,74,75)
```
#30484b
```
#30484b rgb(48,72,75)
```
#30454b
```
#30454b rgb(48,69,75)
```

Similar Colors

Text with hexadecimal color #304b4a

This text has a font color of #304b4a.

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

#304b4a background color

This paragraph has a background color of #304b4a.

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

#304b4a border color

This element has a border color of #304b4a.

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

CSS codes

.text {color:#304b4a;}

.background {background-color:#304b4a;}

.border {border:1px solid #304b4a;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0f0f
```
#0a0f0f rgb(10,15,15)
```
#111b1b
```
#111b1b rgb(17,27,27)
```
#192727
```
#192727 rgb(25,39,39)
```
#213332
```
#213332 rgb(33,51,50)
```
#283f3e
```
#283f3e rgb(40,63,62)
```
#304b4a
```
#304b4a rgb(48,75,74)
```
#385756
```
#385756 rgb(56,87,86)
```
#3f6362
```
#3f6362 rgb(63,99,98)
```
#476f6d
```
#476f6d rgb(71,111,109)
```
#4f7b79
```
#4f7b79 rgb(79,123,121)
```
#568785
```
#568785 rgb(86,135,133)
```
#5e9391
```
#5e9391 rgb(94,147,145)
```

Shade Color Variation

#679e9c
```
#679e9c rgb(103,158,156)
```
#73a5a3
```
#73a5a3 rgb(115,165,163)
```
#7fadab
```
#7fadab rgb(127,173,171)
```
#8bb5b3
```
#8bb5b3 rgb(139,181,179)
```
#97bcbb
```
#97bcbb rgb(151,188,187)
```
#a3c4c3
```
#a3c4c3 rgb(163,196,195)
```
#afcbca
```
#afcbca rgb(175,203,202)
```
#bad3d2
```
#bad3d2 rgb(186,211,210)
```
#c6dbda
```
#c6dbda rgb(198,219,218)
```
#d2e2e2
```
#d2e2e2 rgb(210,226,226)
```
#deeaea
```
#deeaea rgb(222,234,234)
```
#eaf2f1
```
#eaf2f1 rgb(234,242,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#394241
```
#394241 rgb(57,66,65)
```
#354646
```
#354646 rgb(53,70,70)
```
#304b4a
```
#304b4a rgb(48,75,74)
```
#2b504e
```
#2b504e rgb(43,80,78)
```
#275453
```
#275453 rgb(39,84,83)
```
#225957
```
#225957 rgb(34,89,87)
```
#1d5e5c
```
#1d5e5c rgb(29,94,92)
```
#186360
```
#186360 rgb(24,99,96)
```
#146764
```
#146764 rgb(20,103,100)
```
#0f6c69
```
#0f6c69 rgb(15,108,105)
```
#0a716d
```
#0a716d rgb(10,113,109)
```
#057671
```
#057671 rgb(5,118,113)
```
#017a76
```
#017a76 rgb(1,122,118)
```

Tone Color Variation

Below, you can see how #304b4a 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
#3f4544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504f50 Protanopia 1% of men
#544d55 Deuteranopia 1% of men
#3c5359 Tritanopia 0.001% of the population

Trichromacy

#444d4e Protanomaly 1% of men, 0.01% of women
#474c51 Deuteranomaly 6% of men, 0.4% of women
#385053 Tritanomaly 0.01% of the population

#304b4a hex color

#304b4a Color Information

#304b4a Color Conversion

Color Schemes with #304b4a

Alternatives to #304b4a

#304b4a Preview

Shades and Tints of #304b4a

Tones of #304b4a

Color Blindness Simulator