#305f67 hex color

In a RGB color space, hex #305f67 is composed of 18.8% red, 37.3% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 7.8% magenta, 0% yellow and 59.6% black. It has a hue angle of 188.7 degrees, a saturation of 36.4% and a lightness of 29.6%. #305f67 color hex could be obtained by blending #60bece with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 37
- B 40
RGB color chart
- C 53
- M 8
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #305f67 has RGB values of R:48, G:95, B:103 and CMYK values of C:0.53, M:0.08, Y:0, K:0.6. Its decimal value is 3170151.

Hex triplet	305f67	`#305f67`
RGB Decimal	48, 95, 103	`rgb(48,95,103)`
RGB Percent	18.8, 37.3, 40.4	`rgb(18.8%,37.3%,40.4%)`
CMYK	53, 8, 0, 60
HSL	188.7°, 36.4, 29.6	`hsl(188.7,36.4%,29.6%)`
HSV (or HSB)	188.7°, 53.4, 40.4
Web Safe	336666	`#336666`

CIE-LAB	37.466, -13.559, -9.508
XYZ	7.759, 9.792, 14.312
xyY	0.244, 0.307, 9.792
CIE-LCH	37.466, 16.561, 215.04
CIE-LUV	37.466, -19.851, -10.859
Hunter-Lab	31.291, -10.501, -5.214
Binary	00110000, 01011111, 01100111

#305f67
```
#305f67 rgb(48,95,103)
```
#673830
```
#673830 rgb(103,56,48)
```

Complementary Color

#306754
```
#306754 rgb(48,103,84)
```
#305f67
```
#305f67 rgb(48,95,103)
```
#304467
```
#304467 rgb(48,68,103)
```

Analogous Color

#675330
```
#675330 rgb(103,83,48)
```
#305f67
```
#305f67 rgb(48,95,103)
```
#673044
```
#673044 rgb(103,48,68)
```

Split Complementary Color

#5f6730
```
#5f6730 rgb(95,103,48)
```
#305f67
```
#305f67 rgb(48,95,103)
```
#67305f
```
#67305f rgb(103,48,95)
```

Triadic Color

#306738
```
#306738 rgb(48,103,56)
```
#305f67
```
#305f67 rgb(48,95,103)
```
#67305f
```
#67305f rgb(103,48,95)
```
#673830
```
#673830 rgb(103,56,48)
```

Tetradic Color

#182f33
```
#182f33 rgb(24,47,51)
```
#203f44
```
#203f44 rgb(32,63,68)
```
#284f56
```
#284f56 rgb(40,79,86)
```
#305f67
```
#305f67 rgb(48,95,103)
```
#386f78
```
#386f78 rgb(56,111,120)
```
#407f8a
```
#407f8a rgb(64,127,138)
```
#488f9b
```
#488f9b rgb(72,143,155)
```

Monochromatic Color

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

#306761
```
#306761 rgb(48,103,97)
```
#306766
```
#306766 rgb(48,103,102)
```
#306467
```
#306467 rgb(48,100,103)
```
#305f67
```
#305f67 rgb(48,95,103)
```
#305a67
```
#305a67 rgb(48,90,103)
```
#305667
```
#305667 rgb(48,86,103)
```
#305167
```
#305167 rgb(48,81,103)
```

Similar Colors

Text with hexadecimal color #305f67

This text has a font color of #305f67.

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

#305f67 background color

This paragraph has a background color of #305f67.

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

#305f67 border color

This element has a border color of #305f67.

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

CSS codes

.text {color:#305f67;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0b1517
```
#0b1517 rgb(11,21,23)
```
#112124
```
#112124 rgb(17,33,36)
```
#172e31
```
#172e31 rgb(23,46,49)
```
#1d3a3f
```
#1d3a3f rgb(29,58,63)
```
#24464c
```
#24464c rgb(36,70,76)
```
#2a535a
```
#2a535a rgb(42,83,90)
```
#305f67
```
#305f67 rgb(48,95,103)
```
#366b74
```
#366b74 rgb(54,107,116)
```
#3c7882
```
#3c7882 rgb(60,120,130)
```
#43848f
```
#43848f rgb(67,132,143)
```
#49909d
```
#49909d rgb(73,144,157)
```
#4f9daa
```
#4f9daa rgb(79,157,170)
```

Shade Color Variation

#5aa6b2
```
#5aa6b2 rgb(90,166,178)
```
#68adb9
```
#68adb9 rgb(104,173,185)
```
#75b4bf
```
#75b4bf rgb(117,180,191)
```
#83bbc5
```
#83bbc5 rgb(131,187,197)
```
#90c3cb
```
#90c3cb rgb(144,195,203)
```
#9dcad1
```
#9dcad1 rgb(157,202,209)
```
#abd1d8
```
#abd1d8 rgb(171,209,216)
```
#b8d8de
```
#b8d8de rgb(184,216,222)
```
#c5e0e4
```
#c5e0e4 rgb(197,224,228)
```
#d3e7ea
```
#d3e7ea rgb(211,231,234)
```
#e0eef1
```
#e0eef1 rgb(224,238,241)
```
#eef6f7
```
#eef6f7 rgb(238,246,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#474f50
```
#474f50 rgb(71,79,80)
```
#415356
```
#415356 rgb(65,83,86)
```
#3c575b
```
#3c575b rgb(60,87,91)
```
#365b61
```
#365b61 rgb(54,91,97)
```
#305f67
```
#305f67 rgb(48,95,103)
```
#2a636d
```
#2a636d rgb(42,99,109)
```
#246773
```
#246773 rgb(36,103,115)
```
#1f6b78
```
#1f6b78 rgb(31,107,120)
```
#196f7e
```
#196f7e rgb(25,111,126)
```
#137484
```
#137484 rgb(19,116,132)
```
#0d788a
```
#0d788a rgb(13,120,138)
```
#077c90
```
#077c90 rgb(7,124,144)
```
#028095
```
#028095 rgb(2,128,149)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f606a Protanopia 1% of men
#605e72 Deuteranopia 1% of men
#3a676e Tritanopia 0.001% of the population

Trichromacy

#4e5f69 Protanomaly 1% of men, 0.01% of women
#4f5e6e Deuteranomaly 6% of men, 0.4% of women
#36646c Tritanomaly 0.01% of the population

#305f67 hex color

#305f67 Color Information

#305f67 Color Conversion

Color Schemes with #305f67

Alternatives to #305f67

#305f67 Preview

Shades and Tints of #305f67

Tones of #305f67

Color Blindness Simulator