#305a6b hex color

In a RGB color space, hex #305a6b is composed of 18.8% red, 35.3% green and 42% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 15.9% magenta, 0% yellow and 58% black. It has a hue angle of 197.3 degrees, a saturation of 38.1% and a lightness of 30.4%. #305a6b color hex could be obtained by blending #60b4d6 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #305a6b has RGB values of R:48, G:90, B:107 and CMYK values of C:0.55, M:0.16, Y:0, K:0.58. Its decimal value is 3168875.

Hex triplet	305a6b	`#305a6b`
RGB Decimal	48, 90, 107	`rgb(48,90,107)`
RGB Percent	18.8, 35.3, 42	`rgb(18.8%,35.3%,42%)`
CMYK	55, 16, 0, 58
HSL	197.3°, 38.1, 30.4	`hsl(197.3,38.1%,30.4%)`
HSV (or HSB)	197.3°, 55.1, 42
Web Safe	336666	`#336666`

CIE-LAB	35.988, -9.357, -14.23
XYZ	7.528, 9.002, 15.25
xyY	0.237, 0.283, 9.002
CIE-LCH	35.988, 17.031, 236.674
CIE-LUV	35.988, -17.742, -17.824
Hunter-Lab	30.003, -7.716, -9.134
Binary	00110000, 01011010, 01101011

#305a6b
```
#305a6b rgb(48,90,107)
```
#6b4130
```
#6b4130 rgb(107,65,48)
```

Complementary Color

#306b5f
```
#306b5f rgb(48,107,95)
```
#305a6b
```
#305a6b rgb(48,90,107)
```
#303d6b
```
#303d6b rgb(48,61,107)
```

Analogous Color

#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#305a6b
```
#305a6b rgb(48,90,107)
```
#6b303d
```
#6b303d rgb(107,48,61)
```

Split Complementary Color

#5a6b30
```
#5a6b30 rgb(90,107,48)
```
#305a6b
```
#305a6b rgb(48,90,107)
```
#6b305a
```
#6b305a rgb(107,48,90)
```

Triadic Color

#306b41
```
#306b41 rgb(48,107,65)
```
#305a6b
```
#305a6b rgb(48,90,107)
```
#6b305a
```
#6b305a rgb(107,48,90)
```
#6b4130
```
#6b4130 rgb(107,65,48)
```

Tetradic Color

#182e36
```
#182e36 rgb(24,46,54)
```
#203c48
```
#203c48 rgb(32,60,72)
```
#284b59
```
#284b59 rgb(40,75,89)
```
#305a6b
```
#305a6b rgb(48,90,107)
```
#38697d
```
#38697d rgb(56,105,125)
```
#40788e
```
#40788e rgb(64,120,142)
```
#4886a0
```
#4886a0 rgb(72,134,160)
```

Monochromatic Color

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

#30696b
```
#30696b rgb(48,105,107)
```
#30646b
```
#30646b rgb(48,100,107)
```
#305f6b
```
#305f6b rgb(48,95,107)
```
#305a6b
```
#305a6b rgb(48,90,107)
```
#30556b
```
#30556b rgb(48,85,107)
```
#30506b
```
#30506b rgb(48,80,107)
```
#304b6b
```
#304b6b rgb(48,75,107)
```

Similar Colors

Text with hexadecimal color #305a6b

This text has a font color of #305a6b.

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

#305a6b background color

This paragraph has a background color of #305a6b.

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

#305a6b border color

This element has a border color of #305a6b.

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

CSS codes

.text {color:#305a6b;}

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

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

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

#050a0c
```
#050a0c rgb(5,10,12)
```
#0c161a
```
#0c161a rgb(12,22,26)
```
#122127
```
#122127 rgb(18,33,39)
```
#182c35
```
#182c35 rgb(24,44,53)
```
#1e3842
```
#1e3842 rgb(30,56,66)
```
#244350
```
#244350 rgb(36,67,80)
```
#2a4f5d
```
#2a4f5d rgb(42,79,93)
```
#305a6b
```
#305a6b rgb(48,90,107)
```
#366579
```
#366579 rgb(54,101,121)
```
#3c7186
```
#3c7186 rgb(60,113,134)
```
#427c94
```
#427c94 rgb(66,124,148)
```
#4888a1
```
#4888a1 rgb(72,136,161)
```
#4e93af
```
#4e93af rgb(78,147,175)
```

Shade Color Variation

#5b9bb6
```
#5b9bb6 rgb(91,155,182)
```
#69a4bc
```
#69a4bc rgb(105,164,188)
```
#76acc2
```
#76acc2 rgb(118,172,194)
```
#84b4c8
```
#84b4c8 rgb(132,180,200)
```
#91bcce
```
#91bcce rgb(145,188,206)
```
#9fc5d4
```
#9fc5d4 rgb(159,197,212)
```
#accdda
```
#accdda rgb(172,205,218)
```
#bad5e0
```
#bad5e0 rgb(186,213,224)
```
#c8dde6
```
#c8dde6 rgb(200,221,230)
```
#d5e6ec
```
#d5e6ec rgb(213,230,236)
```
#e3eef2
```
#e3eef2 rgb(227,238,242)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#485053
```
#485053 rgb(72,80,83)
```
#425259
```
#425259 rgb(66,82,89)
```
#3c555f
```
#3c555f rgb(60,85,95)
```
#365765
```
#365765 rgb(54,87,101)
```
#305a6b
```
#305a6b rgb(48,90,107)
```
#2a5d71
```
#2a5d71 rgb(42,93,113)
```
#245f77
```
#245f77 rgb(36,95,119)
```
#1e627d
```
#1e627d rgb(30,98,125)
```
#186483
```
#186483 rgb(24,100,131)
```
#126789
```
#126789 rgb(18,103,137)
```
#0c698f
```
#0c698f rgb(12,105,143)
```
#066c95
```
#066c95 rgb(6,108,149)
```
#006e9b
```
#006e9b rgb(0,110,155)
```

Tone Color Variation

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

Dichromacy

#595c6f Protanopia 1% of men
#585b75 Deuteranopia 1% of men
#37636b Tritanopia 0.001% of the population

Trichromacy

#4a5b6d Protanomaly 1% of men, 0.01% of women
#4a5b71 Deuteranomaly 6% of men, 0.4% of women
#34606b Tritanomaly 0.01% of the population

#305a6b hex color

#305a6b Color Information

#305a6b Color Conversion

Color Schemes with #305a6b

Alternatives to #305a6b

#305a6b Preview

Shades and Tints of #305a6b

Tones of #305a6b

Color Blindness Simulator