#304d51 hex color

In a RGB color space, hex #304d51 is composed of 18.8% red, 30.2% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 4.9% magenta, 0% yellow and 68.2% black. It has a hue angle of 187.3 degrees, a saturation of 25.6% and a lightness of 25.3%. #304d51 color hex could be obtained by blending #609aa2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 30
- B 32
RGB color chart
- C 41
- M 5
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #304d51 has RGB values of R:48, G:77, B:81 and CMYK values of C:0.41, M:0.05, Y:0, K:0.68. Its decimal value is 3165521.

Hex triplet	304d51	`#304d51`
RGB Decimal	48, 77, 81	`rgb(48,77,81)`
RGB Percent	18.8, 30.2, 31.8	`rgb(18.8%,30.2%,31.8%)`
CMYK	41, 5, 0, 68
HSL	187.3°, 25.6, 25.3	`hsl(187.3,25.6%,25.3%)`
HSV (or HSB)	187.3°, 40.7, 31.8
Web Safe	336666	`#336666`

CIE-LAB	30.712, -9.633, -5.809
XYZ	5.358, 6.53, 8.762
xyY	0.259, 0.316, 6.53
CIE-LCH	30.712, 11.249, 211.092
CIE-LUV	30.712, -12.965, -5.927
Hunter-Lab	25.554, -7.295, -2.443
Binary	00110000, 01001101, 01010001

#304d51
```
#304d51 rgb(48,77,81)
```
#513430
```
#513430 rgb(81,52,48)
```

Complementary Color

#305145
```
#305145 rgb(48,81,69)
```
#304d51
```
#304d51 rgb(48,77,81)
```
#303d51
```
#303d51 rgb(48,61,81)
```

Analogous Color

#514530
```
#514530 rgb(81,69,48)
```
#304d51
```
#304d51 rgb(48,77,81)
```
#51303d
```
#51303d rgb(81,48,61)
```

Split Complementary Color

#4d5130
```
#4d5130 rgb(77,81,48)
```
#304d51
```
#304d51 rgb(48,77,81)
```
#51304d
```
#51304d rgb(81,48,77)
```

Triadic Color

#305134
```
#305134 rgb(48,81,52)
```
#304d51
```
#304d51 rgb(48,77,81)
```
#51304d
```
#51304d rgb(81,48,77)
```
#513430
```
#513430 rgb(81,52,48)
```

Tetradic Color

#141f21
```
#141f21 rgb(20,31,33)
```
#1d2f31
```
#1d2f31 rgb(29,47,49)
```
#273e41
```
#273e41 rgb(39,62,65)
```
#304d51
```
#304d51 rgb(48,77,81)
```
#395c61
```
#395c61 rgb(57,92,97)
```
#436b71
```
#436b71 rgb(67,107,113)
```
#4c7b81
```
#4c7b81 rgb(76,123,129)
```

Monochromatic Color

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

#30514d
```
#30514d rgb(48,81,77)
```
#305150
```
#305150 rgb(48,81,80)
```
#305051
```
#305051 rgb(48,80,81)
```
#304d51
```
#304d51 rgb(48,77,81)
```
#304a51
```
#304a51 rgb(48,74,81)
```
#304851
```
#304851 rgb(48,72,81)
```
#304551
```
#304551 rgb(48,69,81)
```

Similar Colors

Text with hexadecimal color #304d51

This text has a font color of #304d51.

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

#304d51 background color

This paragraph has a background color of #304d51.

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

#304d51 border color

This element has a border color of #304d51.

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

CSS codes

.text {color:#304d51;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0c1213
```
#0c1213 rgb(12,18,19)
```
#131e20
```
#131e20 rgb(19,30,32)
```
#1a2a2c
```
#1a2a2c rgb(26,42,44)
```
#213638
```
#213638 rgb(33,54,56)
```
#294145
```
#294145 rgb(41,65,69)
```
#304d51
```
#304d51 rgb(48,77,81)
```
#37595d
```
#37595d rgb(55,89,93)
```
#3f646a
```
#3f646a rgb(63,100,106)
```
#467076
```
#467076 rgb(70,112,118)
```
#4d7c82
```
#4d7c82 rgb(77,124,130)
```
#54888f
```
#54888f rgb(84,136,143)
```
#5c939b
```
#5c939b rgb(92,147,155)
```

Shade Color Variation

#669da4
```
#669da4 rgb(102,157,164)
```
#72a5ac
```
#72a5ac rgb(114,165,172)
```
#7fadb3
```
#7fadb3 rgb(127,173,179)
```
#8bb4ba
```
#8bb4ba rgb(139,180,186)
```
#97bcc2
```
#97bcc2 rgb(151,188,194)
```
#a4c4c9
```
#a4c4c9 rgb(164,196,201)
```
#b0ccd0
```
#b0ccd0 rgb(176,204,208)
```
#bcd4d7
```
#bcd4d7 rgb(188,212,215)
```
#c9dcdf
```
#c9dcdf rgb(201,220,223)
```
#d5e4e6
```
#d5e4e6 rgb(213,228,230)
```
#e1eced
```
#e1eced rgb(225,236,237)
```
#edf4f5
```
#edf4f5 rgb(237,244,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#3f4242
```
#3f4242 rgb(63,66,66)
```
#3a4547
```
#3a4547 rgb(58,69,71)
```
#35494c
```
#35494c rgb(53,73,76)
```
#304d51
```
#304d51 rgb(48,77,81)
```
#2b5156
```
#2b5156 rgb(43,81,86)
```
#26555b
```
#26555b rgb(38,85,91)
```
#215860
```
#215860 rgb(33,88,96)
```
#1c5c65
```
#1c5c65 rgb(28,92,101)
```
#17606a
```
#17606a rgb(23,96,106)
```
#12646f
```
#12646f rgb(18,100,111)
```
#0d6774
```
#0d6774 rgb(13,103,116)
```
#086b79
```
#086b79 rgb(8,107,121)
```
#036f7e
```
#036f7e rgb(3,111,126)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414747 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515157 Protanopia 1% of men
#544f5c Deuteranopia 1% of men
#3b555c Tritanopia 0.001% of the population

Trichromacy

#454f54 Protanomaly 1% of men, 0.01% of women
#474e58 Deuteranomaly 6% of men, 0.4% of women
#375258 Tritanomaly 0.01% of the population

#304d51 hex color

#304d51 Color Information

#304d51 Color Conversion

Color Schemes with #304d51

Alternatives to #304d51

#304d51 Preview

Shades and Tints of #304d51

Tones of #304d51

Color Blindness Simulator