#304440 hex color

In a RGB color space, hex #304440 is composed of 18.8% red, 26.7% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 0% magenta, 5.9% yellow and 73.3% black. It has a hue angle of 168 degrees, a saturation of 17.2% and a lightness of 22.7%. #304440 color hex could be obtained by blending #608880 with #000000. Closest websafe color is: #333333.

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

● #304440 color description : Very dark grayish cyan.

The hexadecimal color #304440 has RGB values of R:48, G:68, B:64 and CMYK values of C:0.29, M:0, Y:0.06, K:0.73. Its decimal value is 3163200.

Hex triplet	304440	`#304440`
RGB Decimal	48, 68, 64	`rgb(48,68,64)`
RGB Percent	18.8, 26.7, 25.1	`rgb(18.8%,26.7%,25.1%)`
CMYK	29, 0, 6, 73
HSL	168°, 17.2, 22.7	`hsl(168,17.2%,22.7%)`
HSV (or HSB)	168°, 29.4, 26.7
Web Safe	333333	`#333333`

CIE-LAB	27.109, -8.889, -0.135
XYZ	4.211, 5.133, 5.619
xyY	0.281, 0.343, 5.133
CIE-LCH	27.109, 8.891, 180.868
CIE-LUV	27.109, -9.182, 0.969
Hunter-Lab	22.655, -6.467, 1.154
Binary	00110000, 01000100, 01000000

#304440
```
#304440 rgb(48,68,64)
```
#443034
```
#443034 rgb(68,48,52)
```

Complementary Color

#304436
```
#304436 rgb(48,68,54)
```
#304440
```
#304440 rgb(48,68,64)
```
#303e44
```
#303e44 rgb(48,62,68)
```

Analogous Color

#443630
```
#443630 rgb(68,54,48)
```
#304440
```
#304440 rgb(48,68,64)
```
#44303e
```
#44303e rgb(68,48,62)
```

Split Complementary Color

#444030
```
#444030 rgb(68,64,48)
```
#304440
```
#304440 rgb(48,68,64)
```
#403044
```
#403044 rgb(64,48,68)
```

Triadic Color

#344430
```
#344430 rgb(52,68,48)
```
#304440
```
#304440 rgb(48,68,64)
```
#403044
```
#403044 rgb(64,48,68)
```
#443034
```
#443034 rgb(68,48,52)
```

Tetradic Color

#101716
```
#101716 rgb(16,23,22)
```
#1b2624
```
#1b2624 rgb(27,38,36)
```
#253532
```
#253532 rgb(37,53,50)
```
#304440
```
#304440 rgb(48,68,64)
```
#3b534e
```
#3b534e rgb(59,83,78)
```
#45625c
```
#45625c rgb(69,98,92)
```
#50716a
```
#50716a rgb(80,113,106)
```

Monochromatic Color

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

#30443b
```
#30443b rgb(48,68,59)
```
#30443d
```
#30443d rgb(48,68,61)
```
#30443e
```
#30443e rgb(48,68,62)
```
#304440
```
#304440 rgb(48,68,64)
```
#304442
```
#304442 rgb(48,68,66)
```
#304443
```
#304443 rgb(48,68,67)
```
#304344
```
#304344 rgb(48,67,68)
```

Similar Colors

Text with hexadecimal color #304440

This text has a font color of #304440.

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

#304440 background color

This paragraph has a background color of #304440.

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

#304440 border color

This element has a border color of #304440.

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

CSS codes

.text {color:#304440;}

.background {background-color:#304440;}

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

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

#070b0a
```
#070b0a rgb(7,11,10)
```
#101615
```
#101615 rgb(16,22,21)
```
#182220
```
#182220 rgb(24,34,32)
```
#202d2a
```
#202d2a rgb(32,45,42)
```
#283935
```
#283935 rgb(40,57,53)
```
#304440
```
#304440 rgb(48,68,64)
```
#384f4b
```
#384f4b rgb(56,79,75)
```
#405b56
```
#405b56 rgb(64,91,86)
```
#486660
```
#486660 rgb(72,102,96)
```
#50726b
```
#50726b rgb(80,114,107)
```
#597d76
```
#597d76 rgb(89,125,118)
```
#618981
```
#618981 rgb(97,137,129)
```
#69948c
```
#69948c rgb(105,148,140)
```

Shade Color Variation

#749d95
```
#749d95 rgb(116,157,149)
```
#80a59e
```
#80a59e rgb(128,165,158)
```
#8bada6
```
#8bada6 rgb(139,173,166)
```
#97b5af
```
#97b5af rgb(151,181,175)
```
#a2bdb8
```
#a2bdb8 rgb(162,189,184)
```
#aec5c1
```
#aec5c1 rgb(174,197,193)
```
#b9cec9
```
#b9cec9 rgb(185,206,201)
```
#c5d6d2
```
#c5d6d2 rgb(197,214,210)
```
#d0dedb
```
#d0dedb rgb(208,222,219)
```
#dce6e4
```
#dce6e4 rgb(220,230,228)
```
#e7eeed
```
#e7eeed rgb(231,238,237)
```
#f3f6f5
```
#f3f6f5 rgb(243,246,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#393b3b
```
#393b3b rgb(57,59,59)
```
#34403d
```
#34403d rgb(52,64,61)
```
#304440
```
#304440 rgb(48,68,64)
```
#2c4843
```
#2c4843 rgb(44,72,67)
```
#274d45
```
#274d45 rgb(39,77,69)
```
#235148
```
#235148 rgb(35,81,72)
```
#1e564b
```
#1e564b rgb(30,86,75)
```
#1a5a4d
```
#1a5a4d rgb(26,90,77)
```
#155f50
```
#155f50 rgb(21,95,80)
```
#116353
```
#116353 rgb(17,99,83)
```
#0c6855
```
#0c6855 rgb(12,104,85)
```
#086c58
```
#086c58 rgb(8,108,88)
```
#03715b
```
#03715b rgb(3,113,91)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3f3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4947 Protanopia 1% of men
#4f474b Deuteranopia 1% of men
#3c4c52 Tritanopia 0.001% of the population

Trichromacy

#414744 Protanomaly 1% of men, 0.01% of women
#444647 Deuteranomaly 6% of men, 0.4% of women
#38494b Tritanomaly 0.01% of the population

#304440 hex color

#304440 Color Information

#304440 Color Conversion

Color Schemes with #304440

Alternatives to #304440

#304440 Preview

Shades and Tints of #304440

Tones of #304440

Color Blindness Simulator