#305f6e hex color

In a RGB color space, hex #305f6e is composed of 18.8% red, 37.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 13.6% magenta, 0% yellow and 56.9% black. It has a hue angle of 194.5 degrees, a saturation of 39.2% and a lightness of 31%. #305f6e color hex could be obtained by blending #60bedc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 37
- B 43
RGB color chart
- C 56
- M 14
- Y 0
- K 57
CMYK color chart

● #305f6e color description : Very dark desaturated cyan.

The hexadecimal color #305f6e has RGB values of R:48, G:95, B:110 and CMYK values of C:0.56, M:0.14, Y:0, K:0.57. Its decimal value is 3170158.

Hex triplet	305f6e	`#305f6e`
RGB Decimal	48, 95, 110	`rgb(48,95,110)`
RGB Percent	18.8, 37.3, 43.1	`rgb(18.8%,37.3%,43.1%)`
CMYK	56, 14, 0, 57
HSL	194.5°, 39.2, 31	`hsl(194.5,39.2%,31%)`
HSV (or HSB)	194.5°, 56.4, 43.1
Web Safe	336666	`#336666`

CIE-LAB	37.731, -11.342, -13.428
XYZ	8.125, 9.938, 16.241
xyY	0.237, 0.29, 9.938
CIE-LCH	37.731, 17.577, 229.812
CIE-LUV	37.731, -19.627, -16.667
Hunter-Lab	31.525, -9.163, -8.478
Binary	00110000, 01011111, 01101110

#305f6e
```
#305f6e rgb(48,95,110)
```
#6e3f30
```
#6e3f30 rgb(110,63,48)
```

Complementary Color

#306e5e
```
#306e5e rgb(48,110,94)
```
#305f6e
```
#305f6e rgb(48,95,110)
```
#30406e
```
#30406e rgb(48,64,110)
```

Analogous Color

#6e5e30
```
#6e5e30 rgb(110,94,48)
```
#305f6e
```
#305f6e rgb(48,95,110)
```
#6e3040
```
#6e3040 rgb(110,48,64)
```

Split Complementary Color

#5f6e30
```
#5f6e30 rgb(95,110,48)
```
#305f6e
```
#305f6e rgb(48,95,110)
```
#6e305f
```
#6e305f rgb(110,48,95)
```

Triadic Color

#306e3f
```
#306e3f rgb(48,110,63)
```
#305f6e
```
#305f6e rgb(48,95,110)
```
#6e305f
```
#6e305f rgb(110,48,95)
```
#6e3f30
```
#6e3f30 rgb(110,63,48)
```

Tetradic Color

#193139
```
#193139 rgb(25,49,57)
```
#21404a
```
#21404a rgb(33,64,74)
```
#28505c
```
#28505c rgb(40,80,92)
```
#305f6e
```
#305f6e rgb(48,95,110)
```
#386e80
```
#386e80 rgb(56,110,128)
```
#3f7e92
```
#3f7e92 rgb(63,126,146)
```
#478da3
```
#478da3 rgb(71,141,163)
```

Monochromatic Color

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

#306e6e
```
#306e6e rgb(48,110,110)
```
#30696e
```
#30696e rgb(48,105,110)
```
#30646e
```
#30646e rgb(48,100,110)
```
#305f6e
```
#305f6e rgb(48,95,110)
```
#305a6e
```
#305a6e rgb(48,90,110)
```
#30556e
```
#30556e rgb(48,85,110)
```
#30506e
```
#30506e rgb(48,80,110)
```

Similar Colors

Text with hexadecimal color #305f6e

This text has a font color of #305f6e.

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

#305f6e background color

This paragraph has a background color of #305f6e.

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

#305f6e border color

This element has a border color of #305f6e.

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

CSS codes

.text {color:#305f6e;}

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

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

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, #000101 is the darkest color, while #f2f8f9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060c0e
```
#060c0e rgb(6,12,14)
```
#0c181c
```
#0c181c rgb(12,24,28)
```
#12242a
```
#12242a rgb(18,36,42)
```
#183037
```
#183037 rgb(24,48,55)
```
#1e3c45
```
#1e3c45 rgb(30,60,69)
```
#244753
```
#244753 rgb(36,71,83)
```
#2a5360
```
#2a5360 rgb(42,83,96)
```
#305f6e
```
#305f6e rgb(48,95,110)
```
#366b7c
```
#366b7c rgb(54,107,124)
```
#3c7789
```
#3c7789 rgb(60,119,137)
```
#428297
```
#428297 rgb(66,130,151)
```
#488ea5
```
#488ea5 rgb(72,142,165)
```

Shade Color Variation

#4e9ab2
```
#4e9ab2 rgb(78,154,178)
```
#5ca2b8
```
#5ca2b8 rgb(92,162,184)
```
#6aa9be
```
#6aa9be rgb(106,169,190)
```
#77b1c4
```
#77b1c4 rgb(119,177,196)
```
#85b9ca
```
#85b9ca rgb(133,185,202)
```
#92c1d0
```
#92c1d0 rgb(146,193,208)
```
#a0c9d6
```
#a0c9d6 rgb(160,201,214)
```
#aed1dc
```
#aed1dc rgb(174,209,220)
```
#bbd8e2
```
#bbd8e2 rgb(187,216,226)
```
#c9e0e7
```
#c9e0e7 rgb(201,224,231)
```
#d7e8ed
```
#d7e8ed rgb(215,232,237)
```
#e4f0f3
```
#e4f0f3 rgb(228,240,243)
```
#f2f8f9
```
#f2f8f9 rgb(242,248,249)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#485256
```
#485256 rgb(72,82,86)
```
#42565c
```
#42565c rgb(66,86,92)
```
#3c5962
```
#3c5962 rgb(60,89,98)
```
#365c68
```
#365c68 rgb(54,92,104)
```
#305f6e
```
#305f6e rgb(48,95,110)
```
#2a6274
```
#2a6274 rgb(42,98,116)
```
#24657a
```
#24657a rgb(36,101,122)
```
#1e6880
```
#1e6880 rgb(30,104,128)
```
#186c86
```
#186c86 rgb(24,108,134)
```
#126f8c
```
#126f8c rgb(18,111,140)
```
#0c7292
```
#0c7292 rgb(12,114,146)
```
#057599
```
#057599 rgb(5,117,153)
```

Tone Color Variation

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

Dichromacy

#5d6071 Protanopia 1% of men
#5d5f78 Deuteranopia 1% of men
#38686f Tritanopia 0.001% of the population

Trichromacy

#4d6070 Protanomaly 1% of men, 0.01% of women
#4d5f74 Deuteranomaly 6% of men, 0.4% of women
#35646f Tritanomaly 0.01% of the population

#305f6e hex color

#305f6e Color Information

#305f6e Color Conversion

Color Schemes with #305f6e

Alternatives to #305f6e

#305f6e Preview

Shades and Tints of #305f6e

Tones of #305f6e

Color Blindness Simulator