#305a6a hex color

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

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

● #305a6a color description : Very dark desaturated blue.

The hexadecimal color #305a6a has RGB values of R:48, G:90, B:106 and CMYK values of C:0.55, M:0.15, Y:0, K:0.58. Its decimal value is 3168874.

Hex triplet	305a6a	`#305a6a`
RGB Decimal	48, 90, 106	`rgb(48,90,106)`
RGB Percent	18.8, 35.3, 41.6	`rgb(18.8%,35.3%,41.6%)`
CMYK	55, 15, 0, 58
HSL	196.6°, 37.7, 30.2	`hsl(196.6,37.7%,30.2%)`
HSV (or HSB)	196.6°, 54.7, 41.6
Web Safe	336666	`#336666`

CIE-LAB	35.947, -9.682, -13.67
XYZ	7.476, 8.981, 14.974
xyY	0.238, 0.286, 8.981
CIE-LCH	35.947, 16.752, 234.693
CIE-LUV	35.947, -17.768, -16.992
Hunter-Lab	29.968, -7.915, -8.648
Binary	00110000, 01011010, 01101010

#305a6a
```
#305a6a rgb(48,90,106)
```
#6a4030
```
#6a4030 rgb(106,64,48)
```

Complementary Color

#306a5d
```
#306a5d rgb(48,106,93)
```
#305a6a
```
#305a6a rgb(48,90,106)
```
#303d6a
```
#303d6a rgb(48,61,106)
```

Analogous Color

#6a5d30
```
#6a5d30 rgb(106,93,48)
```
#305a6a
```
#305a6a rgb(48,90,106)
```
#6a303d
```
#6a303d rgb(106,48,61)
```

Split Complementary Color

#5a6a30
```
#5a6a30 rgb(90,106,48)
```
#305a6a
```
#305a6a rgb(48,90,106)
```
#6a305a
```
#6a305a rgb(106,48,90)
```

Triadic Color

#306a40
```
#306a40 rgb(48,106,64)
```
#305a6a
```
#305a6a rgb(48,90,106)
```
#6a305a
```
#6a305a rgb(106,48,90)
```
#6a4030
```
#6a4030 rgb(106,64,48)
```

Tetradic Color

#182d35
```
#182d35 rgb(24,45,53)
```
#203c47
```
#203c47 rgb(32,60,71)
```
#284b58
```
#284b58 rgb(40,75,88)
```
#305a6a
```
#305a6a rgb(48,90,106)
```
#38697c
```
#38697c rgb(56,105,124)
```
#40788d
```
#40788d rgb(64,120,141)
```
#48879f
```
#48879f rgb(72,135,159)
```

Monochromatic Color

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

#30696a
```
#30696a rgb(48,105,106)
```
#30646a
```
#30646a rgb(48,100,106)
```
#305f6a
```
#305f6a rgb(48,95,106)
```
#305a6a
```
#305a6a rgb(48,90,106)
```
#30556a
```
#30556a rgb(48,85,106)
```
#30506a
```
#30506a rgb(48,80,106)
```
#304c6a
```
#304c6a rgb(48,76,106)
```

Similar Colors

Text with hexadecimal color #305a6a

This text has a font color of #305a6a.

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

#305a6a background color

This paragraph has a background color of #305a6a.

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

#305a6a border color

This element has a border color of #305a6a.

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

CSS codes

.text {color:#305a6a;}

.background {background-color:#305a6a;}

.border {border:1px solid #305a6a;}

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

#050a0b
```
#050a0b rgb(5,10,11)
```
#0b1519
```
#0b1519 rgb(11,21,25)
```
#112126
```
#112126 rgb(17,33,38)
```
#182c34
```
#182c34 rgb(24,44,52)
```
#1e3841
```
#1e3841 rgb(30,56,65)
```
#24434f
```
#24434f rgb(36,67,79)
```
#2a4f5c
```
#2a4f5c rgb(42,79,92)
```
#305a6a
```
#305a6a rgb(48,90,106)
```
#366578
```
#366578 rgb(54,101,120)
```
#3c7185
```
#3c7185 rgb(60,113,133)
```
#427c93
```
#427c93 rgb(66,124,147)
```
#4888a0
```
#4888a0 rgb(72,136,160)
```
#4f93ae
```
#4f93ae rgb(79,147,174)
```

Shade Color Variation

#5b9cb5
```
#5b9cb5 rgb(91,156,181)
```
#68a4bb
```
#68a4bb rgb(104,164,187)
```
#76acc1
```
#76acc1 rgb(118,172,193)
```
#83b4c7
```
#83b4c7 rgb(131,180,199)
```
#91bdcd
```
#91bdcd rgb(145,189,205)
```
#9ec5d3
```
#9ec5d3 rgb(158,197,211)
```
#accdd9
```
#accdd9 rgb(172,205,217)
```
#b9d5e0
```
#b9d5e0 rgb(185,213,224)
```
#c7dde6
```
#c7dde6 rgb(199,221,230)
```
#d4e5ec
```
#d4e5ec rgb(212,229,236)
```
#e2edf2
```
#e2edf2 rgb(226,237,242)
```
#eff6f8
```
#eff6f8 rgb(239,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#484f52
```
#484f52 rgb(72,79,82)
```
#425258
```
#425258 rgb(66,82,88)
```
#3c555e
```
#3c555e rgb(60,85,94)
```
#365764
```
#365764 rgb(54,87,100)
```
#305a6a
```
#305a6a rgb(48,90,106)
```
#2a5d70
```
#2a5d70 rgb(42,93,112)
```
#245f76
```
#245f76 rgb(36,95,118)
```
#1e627c
```
#1e627c rgb(30,98,124)
```
#186582
```
#186582 rgb(24,101,130)
```
#126788
```
#126788 rgb(18,103,136)
```
#0c6a8e
```
#0c6a8e rgb(12,106,142)
```
#076d93
```
#076d93 rgb(7,109,147)
```
#016f99
```
#016f99 rgb(1,111,153)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595c6e Protanopia 1% of men
#595b74 Deuteranopia 1% of men
#37636b Tritanopia 0.001% of the population

Trichromacy

#4a5b6c Protanomaly 1% of men, 0.01% of women
#4a5b70 Deuteranomaly 6% of men, 0.4% of women
#34606a Tritanomaly 0.01% of the population

#305a6a hex color

#305a6a Color Information

#305a6a Color Conversion

Color Schemes with #305a6a

Alternatives to #305a6a

#305a6a Preview

Shades and Tints of #305a6a

Tones of #305a6a

Color Blindness Simulator