#305150 hex color

In a RGB color space, hex #305150 is composed of 18.8% red, 31.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 0% magenta, 1.2% yellow and 68.2% black. It has a hue angle of 178.2 degrees, a saturation of 25.6% and a lightness of 25.3%. #305150 color hex could be obtained by blending #60a2a0 with #000000. Closest websafe color is: #336666.

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

● #305150 color description : Very dark desaturated cyan.

The hexadecimal color #305150 has RGB values of R:48, G:81, B:80 and CMYK values of C:0.41, M:0, Y:0.01, K:0.68. Its decimal value is 3166544.

Hex triplet	305150	`#305150`
RGB Decimal	48, 81, 80	`rgb(48,81,80)`
RGB Percent	18.8, 31.8, 31.4	`rgb(18.8%,31.8%,31.4%)`
CMYK	41, 0, 1, 68
HSL	178.2°, 25.6, 25.3	`hsl(178.2,25.6%,25.3%)`
HSV (or HSB)	178.2°, 40.7, 31.8
Web Safe	336666	`#336666`

CIE-LAB	32.016, -12.301, -3.232
XYZ	5.609, 7.092, 8.662
xyY	0.263, 0.332, 7.092
CIE-LCH	32.016, 12.719, 194.721
CIE-LUV	32.016, -14.665, -2.386
Hunter-Lab	26.631, -9.009, -0.644
Binary	00110000, 01010001, 01010000

#305150
```
#305150 rgb(48,81,80)
```
#513031
```
#513031 rgb(81,48,49)
```

Complementary Color

#305140
```
#305140 rgb(48,81,64)
```
#305150
```
#305150 rgb(48,81,80)
```
#304251
```
#304251 rgb(48,66,81)
```

Analogous Color

#514030
```
#514030 rgb(81,64,48)
```
#305150
```
#305150 rgb(48,81,80)
```
#513042
```
#513042 rgb(81,48,66)
```

Split Complementary Color

#515030
```
#515030 rgb(81,80,48)
```
#305150
```
#305150 rgb(48,81,80)
```
#503051
```
#503051 rgb(80,48,81)
```

Triadic Color

#315130
```
#315130 rgb(49,81,48)
```
#305150
```
#305150 rgb(48,81,80)
```
#503051
```
#503051 rgb(80,48,81)
```
#513031
```
#513031 rgb(81,48,49)
```

Tetradic Color

#142121
```
#142121 rgb(20,33,33)
```
#1d3130
```
#1d3130 rgb(29,49,48)
```
#274140
```
#274140 rgb(39,65,64)
```
#305150
```
#305150 rgb(48,81,80)
```
#396160
```
#396160 rgb(57,97,96)
```
#437170
```
#437170 rgb(67,113,112)
```
#4c817f
```
#4c817f rgb(76,129,127)
```

Monochromatic Color

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

#305148
```
#305148 rgb(48,81,72)
```
#30514b
```
#30514b rgb(48,81,75)
```
#30514d
```
#30514d rgb(48,81,77)
```
#305150
```
#305150 rgb(48,81,80)
```
#304f51
```
#304f51 rgb(48,79,81)
```
#304d51
```
#304d51 rgb(48,77,81)
```
#304a51
```
#304a51 rgb(48,74,81)
```

Similar Colors

Text with hexadecimal color #305150

This text has a font color of #305150.

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

#305150 background color

This paragraph has a background color of #305150.

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

#305150 border color

This element has a border color of #305150.

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

CSS codes

.text {color:#305150;}

.background {background-color:#305150;}

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

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)
```
#0c1313
```
#0c1313 rgb(12,19,19)
```
#13201f
```
#13201f rgb(19,32,31)
```
#1a2c2c
```
#1a2c2c rgb(26,44,44)
```
#213838
```
#213838 rgb(33,56,56)
```
#294544
```
#294544 rgb(41,69,68)
```
#305150
```
#305150 rgb(48,81,80)
```
#375d5c
```
#375d5c rgb(55,93,92)
```
#3f6a68
```
#3f6a68 rgb(63,106,104)
```
#467674
```
#467674 rgb(70,118,116)
```
#4d8281
```
#4d8281 rgb(77,130,129)
```
#548f8d
```
#548f8d rgb(84,143,141)
```
#5c9b99
```
#5c9b99 rgb(92,155,153)
```

Shade Color Variation

#66a4a2
```
#66a4a2 rgb(102,164,162)
```
#72acaa
```
#72acaa rgb(114,172,170)
```
#7fb3b1
```
#7fb3b1 rgb(127,179,177)
```
#8bbab9
```
#8bbab9 rgb(139,186,185)
```
#97c2c0
```
#97c2c0 rgb(151,194,192)
```
#a4c9c8
```
#a4c9c8 rgb(164,201,200)
```
#b0d0cf
```
#b0d0cf rgb(176,208,207)
```
#bcd7d7
```
#bcd7d7 rgb(188,215,215)
```
#c9dfde
```
#c9dfde rgb(201,223,222)
```
#d5e6e5
```
#d5e6e5 rgb(213,230,229)
```
#e1eded
```
#e1eded rgb(225,237,237)
```
#edf5f4
```
#edf5f4 rgb(237,245,244)
```
#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 #037e7a is the most saturated one.

#3f4242
```
#3f4242 rgb(63,66,66)
```
#3a4747
```
#3a4747 rgb(58,71,71)
```
#354c4b
```
#354c4b rgb(53,76,75)
```
#305150
```
#305150 rgb(48,81,80)
```
#2b5655
```
#2b5655 rgb(43,86,85)
```
#265b59
```
#265b59 rgb(38,91,89)
```
#21605e
```
#21605e rgb(33,96,94)
```
#1c6563
```
#1c6563 rgb(28,101,99)
```
#176a67
```
#176a67 rgb(23,106,103)
```
#126f6c
```
#126f6c rgb(18,111,108)
```
#0d7471
```
#0d7471 rgb(13,116,113)
```
#087975
```
#087975 rgb(8,121,117)
```
#037e7a
```
#037e7a rgb(3,126,122)
```

Tone Color Variation

Below, you can see how #305150 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
#424949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555455 Protanopia 1% of men
#59525b Deuteranopia 1% of men
#3c595f Tritanopia 0.001% of the population

Trichromacy

#475353 Protanomaly 1% of men, 0.01% of women
#4a5157 Deuteranomaly 6% of men, 0.4% of women
#385659 Tritanomaly 0.01% of the population

#305150 hex color

#305150 Color Information

#305150 Color Conversion

Color Schemes with #305150

Alternatives to #305150

#305150 Preview

Shades and Tints of #305150

Tones of #305150

Color Blindness Simulator