#30554e hex color

In a RGB color space, hex #30554e is composed of 18.8% red, 33.3% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 0% magenta, 8.2% yellow and 66.7% black. It has a hue angle of 168.6 degrees, a saturation of 27.8% and a lightness of 26.1%. #30554e color hex could be obtained by blending #60aa9c with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 33
- B 31
RGB color chart
- C 44
- M 0
- Y 8
- K 67
CMYK color chart

● #30554e color description : Very dark desaturated cyan.

The hexadecimal color #30554e has RGB values of R:48, G:85, B:78 and CMYK values of C:0.44, M:0, Y:0.08, K:0.67. Its decimal value is 3167566.

Hex triplet	30554e	`#30554e`
RGB Decimal	48, 85, 78	`rgb(48,85,78)`
RGB Percent	18.8, 33.3, 30.6	`rgb(18.8%,33.3%,30.6%)`
CMYK	44, 0, 8, 67
HSL	168.6°, 27.8, 26.1	`hsl(168.6,27.8%,26.1%)`
HSV (or HSB)	168.6°, 43.5, 33.3
Web Safe	336666	`#336666`

CIE-LAB	33.297, -15.162, -0.081
XYZ	5.842, 7.675, 8.381
xyY	0.267, 0.35, 7.675
CIE-LCH	33.297, 15.162, 180.307
CIE-LUV	33.297, -16.406, 1.916
Hunter-Lab	27.704, -10.84, 1.457
Binary	00110000, 01010101, 01001110

#30554e
```
#30554e rgb(48,85,78)
```
#553037
```
#553037 rgb(85,48,55)
```

Complementary Color

#30553c
```
#30553c rgb(48,85,60)
```
#30554e
```
#30554e rgb(48,85,78)
```
#304a55
```
#304a55 rgb(48,74,85)
```

Analogous Color

#553c30
```
#553c30 rgb(85,60,48)
```
#30554e
```
#30554e rgb(48,85,78)
```
#55304a
```
#55304a rgb(85,48,74)
```

Split Complementary Color

#554e30
```
#554e30 rgb(85,78,48)
```
#30554e
```
#30554e rgb(48,85,78)
```
#4e3055
```
#4e3055 rgb(78,48,85)
```

Triadic Color

#375530
```
#375530 rgb(55,85,48)
```
#30554e
```
#30554e rgb(48,85,78)
```
#4e3055
```
#4e3055 rgb(78,48,85)
```
#553037
```
#553037 rgb(85,48,55)
```

Tetradic Color

#142421
```
#142421 rgb(20,36,33)
```
#1e3430
```
#1e3430 rgb(30,52,48)
```
#27453f
```
#27453f rgb(39,69,63)
```
#30554e
```
#30554e rgb(48,85,78)
```
#39655d
```
#39655d rgb(57,101,93)
```
#42766c
```
#42766c rgb(66,118,108)
```
#4c867b
```
#4c867b rgb(76,134,123)
```

Monochromatic Color

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

#305545
```
#305545 rgb(48,85,69)
```
#305548
```
#305548 rgb(48,85,72)
```
#30554b
```
#30554b rgb(48,85,75)
```
#30554e
```
#30554e rgb(48,85,78)
```
#305551
```
#305551 rgb(48,85,81)
```
#305554
```
#305554 rgb(48,85,84)
```
#305355
```
#305355 rgb(48,83,85)
```

Similar Colors

Text with hexadecimal color #30554e

This text has a font color of #30554e.

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

#30554e background color

This paragraph has a background color of #30554e.

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

#30554e border color

This element has a border color of #30554e.

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

CSS codes

.text {color:#30554e;}

.background {background-color:#30554e;}

.border {border:1px solid #30554e;}

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, #060a09 is the darkest color, while #fcfdfd is the lightest one.

#060a09
```
#060a09 rgb(6,10,9)
```
#0d1614
```
#0d1614 rgb(13,22,20)
```
#142320
```
#142320 rgb(20,35,32)
```
#1b2f2b
```
#1b2f2b rgb(27,47,43)
```
#223c37
```
#223c37 rgb(34,60,55)
```
#294842
```
#294842 rgb(41,72,66)
```
#30554e
```
#30554e rgb(48,85,78)
```
#37625a
```
#37625a rgb(55,98,90)
```
#3e6e65
```
#3e6e65 rgb(62,110,101)
```
#457b71
```
#457b71 rgb(69,123,113)
```
#4c877c
```
#4c877c rgb(76,135,124)
```
#539488
```
#539488 rgb(83,148,136)
```
#5aa093
```
#5aa093 rgb(90,160,147)
```

Shade Color Variation

#66a89c
```
#66a89c rgb(102,168,156)
```
#72b0a4
```
#72b0a4 rgb(114,176,164)
```
#7fb7ac
```
#7fb7ac rgb(127,183,172)
```
#8bbeb4
```
#8bbeb4 rgb(139,190,180)
```
#98c5bc
```
#98c5bc rgb(152,197,188)
```
#a4ccc4
```
#a4ccc4 rgb(164,204,196)
```
#b1d3cd
```
#b1d3cd rgb(177,211,205)
```
#bedad5
```
#bedad5 rgb(190,218,213)
```
#cae1dd
```
#cae1dd rgb(202,225,221)
```
#d7e8e5
```
#d7e8e5 rgb(215,232,229)
```
#e3efed
```
#e3efed rgb(227,239,237)
```
#f0f6f5
```
#f0f6f5 rgb(240,246,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#3f4644
```
#3f4644 rgb(63,70,68)
```
#3a4b48
```
#3a4b48 rgb(58,75,72)
```
#35504b
```
#35504b rgb(53,80,75)
```
#30554e
```
#30554e rgb(48,85,78)
```
#2b5a51
```
#2b5a51 rgb(43,90,81)
```
#265f54
```
#265f54 rgb(38,95,84)
```
#216458
```
#216458 rgb(33,100,88)
```
#1c695b
```
#1c695b rgb(28,105,91)
```
#166f5e
```
#166f5e rgb(22,111,94)
```
#117461
```
#117461 rgb(17,116,97)
```
#0c7964
```
#0c7964 rgb(12,121,100)
```
#077e67
```
#077e67 rgb(7,126,103)
```
#02836b
```
#02836b rgb(2,131,107)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#595753 Protanopia 1% of men
#5e555a Deuteranopia 1% of men
#3e5c62 Tritanopia 0.001% of the population

Trichromacy

#4a5651 Protanomaly 1% of men, 0.01% of women
#4d5555 Deuteranomaly 6% of men, 0.4% of women
#39595b Tritanomaly 0.01% of the population

#30554e hex color

#30554e Color Information

#30554e Color Conversion

Color Schemes with #30554e

Alternatives to #30554e

#30554e Preview

Shades and Tints of #30554e

Tones of #30554e

Color Blindness Simulator