colorhexa.com

#305357 hex color

In a RGB color space, hex #305357 is composed of 18.8% red, 32.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 4.6% magenta, 0% yellow and 65.9% black. It has a hue angle of 186.2 degrees, a saturation of 28.9% and a lightness of 26.5%. #305357 color hex could be obtained by blending #60a6ae with #000000. Closest websafe color is: #336666.

- R 19
- G 33
- B 34
RGB color chart
- C 45
- M 5
- Y 0
- K 66
CMYK color chart

● #305357 color description : Very dark desaturated cyan.

The hexadecimal color #305357 has RGB values of R:48, G:83, B:87 and CMYK values of C:0.45, M:0.05, Y:0, K:0.66. Its decimal value is 3167063.

Hex triplet	305357	`#305357`
RGB Decimal	48, 83, 87	`rgb(48,83,87)`
RGB Percent	18.8, 32.5, 34.1	`rgb(18.8%,32.5%,34.1%)`
CMYK	45, 5, 0, 66
HSL	186.2°, 28.9, 26.5	`hsl(186.2,28.9%,26.5%)`
HSV (or HSB)	186.2°, 44.8, 34.1
Web Safe	336666	`#336666`

CIE-LAB	32.925, -11.444, -6.321
XYZ	6.032, 7.503, 10.147
xyY	0.255, 0.317, 7.503
CIE-LCH	32.925, 13.073, 208.914
CIE-LUV	32.925, -15.374, -6.502
Hunter-Lab	27.391, -8.625, -2.789
Binary	00110000, 01010011, 01010111

#305357
```
#305357 rgb(48,83,87)
```
#573430
```
#573430 rgb(87,52,48)
```

Complementary Color

#305748
```
#305748 rgb(48,87,72)
```
#305357
```
#305357 rgb(48,83,87)
```
#304057
```
#304057 rgb(48,64,87)
```

Analogous Color

#574830
```
#574830 rgb(87,72,48)
```
#305357
```
#305357 rgb(48,83,87)
```
#573040
```
#573040 rgb(87,48,64)
```

Split Complementary Color

#152426
```
#152426 rgb(21,36,38)
```
#1e3436
```
#1e3436 rgb(30,52,54)
```
#274347
```
#274347 rgb(39,67,71)
```
#305357
```
#305357 rgb(48,83,87)
```
#396367
```
#396367 rgb(57,99,103)
```
#427278
```
#427278 rgb(66,114,120)
```
#4b8288
```
#4b8288 rgb(75,130,136)
```

Monochromatic Color

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

#305751
```
#305751 rgb(48,87,81)
```
#305755
```
#305755 rgb(48,87,85)
```
#305657
```
#305657 rgb(48,86,87)
```
#305357
```
#305357 rgb(48,83,87)
```
#305057
```
#305057 rgb(48,80,87)
```
#304d57
```
#304d57 rgb(48,77,87)
```
#304957
```
#304957 rgb(48,73,87)
```

Similar Colors

Text with hexadecimal color #305357

This text has a font color of #305357.

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

#305357 background color

This paragraph has a background color of #305357.

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

#305357 border color

This element has a border color of #305357.

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

CSS codes

.text {color:#305357;}

.background {background-color:#305357;}

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

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

#060b0b
```
#060b0b rgb(6,11,11)
```
#0d1718
```
#0d1718 rgb(13,23,24)
```
#142324
```
#142324 rgb(20,35,36)
```
#1b2f31
```
#1b2f31 rgb(27,47,49)
```
#223b3e
```
#223b3e rgb(34,59,62)
```
#29474a
```
#29474a rgb(41,71,74)
```
#305357
```
#305357 rgb(48,83,87)
```
#375f64
```
#375f64 rgb(55,95,100)
```
#3e6b70
```
#3e6b70 rgb(62,107,112)
```
#45777d
```
#45777d rgb(69,119,125)
```
#4c838a
```
#4c838a rgb(76,131,138)
```
#538f96
```
#538f96 rgb(83,143,150)
```
#5a9ba3
```
#5a9ba3 rgb(90,155,163)
```

Shade Color Variation

#66a3aa
```
#66a3aa rgb(102,163,170)
```
#72abb1
```
#72abb1 rgb(114,171,177)
```
#7fb3b8
```
#7fb3b8 rgb(127,179,184)
```
#8cbabf
```
#8cbabf rgb(140,186,191)
```
#98c2c6
```
#98c2c6 rgb(152,194,198)
```
#a5c9cd
```
#a5c9cd rgb(165,201,205)
```
#b2d1d4
```
#b2d1d4 rgb(178,209,212)
```
#bed8db
```
#bed8db rgb(190,216,219)
```
#cbe0e2
```
#cbe0e2 rgb(203,224,226)
```
#d8e7e9
```
#d8e7e9 rgb(216,231,233)
```
#e4eff0
```
#e4eff0 rgb(228,239,240)
```
#f1f7f7
```
#f1f7f7 rgb(241,247,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#404747
```
#404747 rgb(64,71,71)
```
#3a4b4d
```
#3a4b4d rgb(58,75,77)
```
#354f52
```
#354f52 rgb(53,79,82)
```
#305357
```
#305357 rgb(48,83,87)
```
#2b575c
```
#2b575c rgb(43,87,92)
```
#265b61
```
#265b61 rgb(38,91,97)
```
#205f67
```
#205f67 rgb(32,95,103)
```
#1b646c
```
#1b646c rgb(27,100,108)
```
#166871
```
#166871 rgb(22,104,113)
```
#116c76
```
#116c76 rgb(17,108,118)
```
#0c707b
```
#0c707b rgb(12,112,123)
```
#067481
```
#067481 rgb(6,116,129)
```
#017886
```
#017886 rgb(1,120,134)
```

Tone Color Variation

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

Dichromacy

#56565c Protanopia 1% of men
#585462 Deuteranopia 1% of men
#3b5b62 Tritanopia 0.001% of the population

Trichromacy

#48555a Protanomaly 1% of men, 0.01% of women
#4a545e Deuteranomaly 6% of men, 0.4% of women
#37585e Tritanomaly 0.01% of the population