#30616a hex color

In a RGB color space, hex #30616a is composed of 18.8% red, 38% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 8.5% magenta, 0% yellow and 58.4% black. It has a hue angle of 189.3 degrees, a saturation of 37.7% and a lightness of 30.2%. #30616a color hex could be obtained by blending #60c2d4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 38
- B 42
RGB color chart
- C 55
- M 8
- Y 0
- K 58
CMYK color chart

● #30616a color description : Very dark desaturated cyan.

The hexadecimal color #30616a has RGB values of R:48, G:97, B:106 and CMYK values of C:0.55, M:0.08, Y:0, K:0.58. Its decimal value is 3170666.

Hex triplet	30616a	`#30616a`
RGB Decimal	48, 97, 106	`rgb(48,97,106)`
RGB Percent	18.8, 38, 41.6	`rgb(18.8%,38%,41.6%)`
CMYK	55, 8, 0, 58
HSL	189.3°, 37.7, 30.2	`hsl(189.3,37.7%,30.2%)`
HSV (or HSB)	189.3°, 54.7, 41.6
Web Safe	336666	`#336666`

CIE-LAB	38.231, -13.771, -10.205
XYZ	8.094, 10.218, 15.181
xyY	0.242, 0.305, 10.218
CIE-LCH	38.231, 17.14, 216.542
CIE-LUV	38.231, -20.552, -11.866
Hunter-Lab	31.965, -10.739, -5.781
Binary	00110000, 01100001, 01101010

#30616a
```
#30616a rgb(48,97,106)
```
#6a3930
```
#6a3930 rgb(106,57,48)
```

Complementary Color

#306a56
```
#306a56 rgb(48,106,86)
```
#30616a
```
#30616a rgb(48,97,106)
```
#30446a
```
#30446a rgb(48,68,106)
```

Analogous Color

#6a5630
```
#6a5630 rgb(106,86,48)
```
#30616a
```
#30616a rgb(48,97,106)
```
#6a3044
```
#6a3044 rgb(106,48,68)
```

Split Complementary Color

#616a30
```
#616a30 rgb(97,106,48)
```
#30616a
```
#30616a rgb(48,97,106)
```
#6a3061
```
#6a3061 rgb(106,48,97)
```

Triadic Color

#306a39
```
#306a39 rgb(48,106,57)
```
#30616a
```
#30616a rgb(48,97,106)
```
#6a3061
```
#6a3061 rgb(106,48,97)
```
#6a3930
```
#6a3930 rgb(106,57,48)
```

Tetradic Color

#183135
```
#183135 rgb(24,49,53)
```
#204147
```
#204147 rgb(32,65,71)
```
#285158
```
#285158 rgb(40,81,88)
```
#30616a
```
#30616a rgb(48,97,106)
```
#38717c
```
#38717c rgb(56,113,124)
```
#40818d
```
#40818d rgb(64,129,141)
```
#48919f
```
#48919f rgb(72,145,159)
```

Monochromatic Color

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

#306a65
```
#306a65 rgb(48,106,101)
```
#306a69
```
#306a69 rgb(48,106,105)
```
#30666a
```
#30666a rgb(48,102,106)
```
#30616a
```
#30616a rgb(48,97,106)
```
#305c6a
```
#305c6a rgb(48,92,106)
```
#30576a
```
#30576a rgb(48,87,106)
```
#30536a
```
#30536a rgb(48,83,106)
```

Similar Colors

Text with hexadecimal color #30616a

This text has a font color of #30616a.

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

#30616a background color

This paragraph has a background color of #30616a.

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

#30616a border color

This element has a border color of #30616a.

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

CSS codes

.text {color:#30616a;}

.background {background-color:#30616a;}

.border {border:1px solid #30616a;}

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, #050b0b is the darkest color, while #fdfefe is the lightest one.

#050b0b
```
#050b0b rgb(5,11,11)
```
#0b1719
```
#0b1719 rgb(11,23,25)
```
#112326
```
#112326 rgb(17,35,38)
```
#183034
```
#183034 rgb(24,48,52)
```
#1e3c41
```
#1e3c41 rgb(30,60,65)
```
#24484f
```
#24484f rgb(36,72,79)
```
#2a555c
```
#2a555c rgb(42,85,92)
```
#30616a
```
#30616a rgb(48,97,106)
```
#366d78
```
#366d78 rgb(54,109,120)
```
#3c7a85
```
#3c7a85 rgb(60,122,133)
```
#428693
```
#428693 rgb(66,134,147)
```
#4892a0
```
#4892a0 rgb(72,146,160)
```
#4f9fae
```
#4f9fae rgb(79,159,174)
```

Shade Color Variation

#5ba7b5
```
#5ba7b5 rgb(91,167,181)
```
#68aebb
```
#68aebb rgb(104,174,187)
```
#76b5c1
```
#76b5c1 rgb(118,181,193)
```
#83bdc7
```
#83bdc7 rgb(131,189,199)
```
#91c4cd
```
#91c4cd rgb(145,196,205)
```
#9ecbd3
```
#9ecbd3 rgb(158,203,211)
```
#acd2d9
```
#acd2d9 rgb(172,210,217)
```
#b9dae0
```
#b9dae0 rgb(185,218,224)
```
#c7e1e6
```
#c7e1e6 rgb(199,225,230)
```
#d4e8ec
```
#d4e8ec rgb(212,232,236)
```
#e2eff2
```
#e2eff2 rgb(226,239,242)
```
#eff7f8
```
#eff7f8 rgb(239,247,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#485152
```
#485152 rgb(72,81,82)
```
#425558
```
#425558 rgb(66,85,88)
```
#3c595e
```
#3c595e rgb(60,89,94)
```
#365d64
```
#365d64 rgb(54,93,100)
```
#30616a
```
#30616a rgb(48,97,106)
```
#2a6570
```
#2a6570 rgb(42,101,112)
```
#246976
```
#246976 rgb(36,105,118)
```
#1e6d7c
```
#1e6d7c rgb(30,109,124)
```
#187182
```
#187182 rgb(24,113,130)
```
#127588
```
#127588 rgb(18,117,136)
```
#0c7a8e
```
#0c7a8e rgb(12,122,142)
```
#077e93
```
#077e93 rgb(7,126,147)
```
#018299
```
#018299 rgb(1,130,153)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c5658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60616d Protanopia 1% of men
#626074 Deuteranopia 1% of men
#3a6971 Tritanopia 0.001% of the population

Trichromacy

#4f616c Protanomaly 1% of men, 0.01% of women
#4f6070 Deuteranomaly 6% of men, 0.4% of women
#36666e Tritanomaly 0.01% of the population

#30616a hex color

#30616a Color Information

#30616a Color Conversion

Color Schemes with #30616a

Alternatives to #30616a

#30616a Preview

Shades and Tints of #30616a

Tones of #30616a

Color Blindness Simulator