#306c68 hex color

In a RGB color space, hex #306c68 is composed of 18.8% red, 42.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 3.7% yellow and 57.6% black. It has a hue angle of 176 degrees, a saturation of 38.5% and a lightness of 30.6%. #306c68 color hex could be obtained by blending #60d8d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 42
- B 41
RGB color chart
- C 56
- M 0
- Y 4
- K 58
CMYK color chart

● #306c68 color description : Very dark desaturated cyan.

The hexadecimal color #306c68 has RGB values of R:48, G:108, B:104 and CMYK values of C:0.56, M:0, Y:0.04, K:0.58. Its decimal value is 3173480.

Hex triplet	306c68	`#306c68`
RGB Decimal	48, 108, 104	`rgb(48,108,104)`
RGB Percent	18.8, 42.4, 40.8	`rgb(18.8%,42.4%,40.8%)`
CMYK	56, 0, 4, 58
HSL	176°, 38.5, 30.6	`hsl(176,38.5%,30.6%)`
HSV (or HSB)	176°, 55.6, 42.4
Web Safe	336666	`#336666`

CIE-LAB	41.771, -20.446, -3.693
XYZ	9.079, 12.352, 15.002
xyY	0.249, 0.339, 12.352
CIE-LCH	41.771, 20.777, 190.238
CIE-LUV	41.771, -25.043, -2.12
Hunter-Lab	35.146, -15.392, -0.705
Binary	00110000, 01101100, 01101000

#306c68
```
#306c68 rgb(48,108,104)
```
#6c3034
```
#6c3034 rgb(108,48,52)
```

Complementary Color

#306c4a
```
#306c4a rgb(48,108,74)
```
#306c68
```
#306c68 rgb(48,108,104)
```
#30526c
```
#30526c rgb(48,82,108)
```

Analogous Color

#6c4a30
```
#6c4a30 rgb(108,74,48)
```
#306c68
```
#306c68 rgb(48,108,104)
```
#6c3052
```
#6c3052 rgb(108,48,82)
```

Split Complementary Color

#6c6830
```
#6c6830 rgb(108,104,48)
```
#306c68
```
#306c68 rgb(48,108,104)
```
#68306c
```
#68306c rgb(104,48,108)
```

Triadic Color

#346c30
```
#346c30 rgb(52,108,48)
```
#306c68
```
#306c68 rgb(48,108,104)
```
#68306c
```
#68306c rgb(104,48,108)
```
#6c3034
```
#6c3034 rgb(108,48,52)
```

Tetradic Color

#183735
```
#183735 rgb(24,55,53)
```
#204946
```
#204946 rgb(32,73,70)
```
#285a57
```
#285a57 rgb(40,90,87)
```
#306c68
```
#306c68 rgb(48,108,104)
```
#387e79
```
#387e79 rgb(56,126,121)
```
#408f8a
```
#408f8a rgb(64,143,138)
```
#48a19b
```
#48a19b rgb(72,161,155)
```

Monochromatic Color

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

#306c59
```
#306c59 rgb(48,108,89)
```
#306c5e
```
#306c5e rgb(48,108,94)
```
#306c63
```
#306c63 rgb(48,108,99)
```
#306c68
```
#306c68 rgb(48,108,104)
```
#306b6c
```
#306b6c rgb(48,107,108)
```
#30666c
```
#30666c rgb(48,102,108)
```
#30616c
```
#30616c rgb(48,97,108)
```

Similar Colors

Text with hexadecimal color #306c68

This text has a font color of #306c68.

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

#306c68 background color

This paragraph has a background color of #306c68.

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

#306c68 border color

This element has a border color of #306c68.

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

CSS codes

.text {color:#306c68;}

.background {background-color:#306c68;}

.border {border:1px solid #306c68;}

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

#060d0c
```
#060d0c rgb(6,13,12)
```
#0c1b1a
```
#0c1b1a rgb(12,27,26)
```
#122827
```
#122827 rgb(18,40,39)
```
#183634
```
#183634 rgb(24,54,52)
```
#1e4341
```
#1e4341 rgb(30,67,65)
```
#24514e
```
#24514e rgb(36,81,78)
```
#2a5e5b
```
#2a5e5b rgb(42,94,91)
```
#306c68
```
#306c68 rgb(48,108,104)
```
#367a75
```
#367a75 rgb(54,122,117)
```
#3c8782
```
#3c8782 rgb(60,135,130)
```
#42958f
```
#42958f rgb(66,149,143)
```
#48a29c
```
#48a29c rgb(72,162,156)
```
#4eb0a9
```
#4eb0a9 rgb(78,176,169)
```

Shade Color Variation

#5bb6b0
```
#5bb6b0 rgb(91,182,176)
```
#69bcb7
```
#69bcb7 rgb(105,188,183)
```
#77c2bd
```
#77c2bd rgb(119,194,189)
```
#84c8c4
```
#84c8c4 rgb(132,200,196)
```
#92ceca
```
#92ceca rgb(146,206,202)
```
#9fd4d1
```
#9fd4d1 rgb(159,212,209)
```
#addbd7
```
#addbd7 rgb(173,219,215)
```
#bae1de
```
#bae1de rgb(186,225,222)
```
#c8e7e5
```
#c8e7e5 rgb(200,231,229)
```
#d6edeb
```
#d6edeb rgb(214,237,235)
```
#e3f3f2
```
#e3f3f2 rgb(227,243,242)
```
#f1f9f8
```
#f1f9f8 rgb(241,249,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#485453
```
#485453 rgb(72,84,83)
```
#425a58
```
#425a58 rgb(66,90,88)
```
#3c605e
```
#3c605e rgb(60,96,94)
```
#366663
```
#366663 rgb(54,102,99)
```
#306c68
```
#306c68 rgb(48,108,104)
```
#2a726d
```
#2a726d rgb(42,114,109)
```
#247872
```
#247872 rgb(36,120,114)
```
#1e7e78
```
#1e7e78 rgb(30,126,120)
```
#18847d
```
#18847d rgb(24,132,125)
```
#128a82
```
#128a82 rgb(18,138,130)
```
#0c9087
```
#0c9087 rgb(12,144,135)
```
#06968c
```
#06968c rgb(6,150,140)
```
#009c92
```
#009c92 rgb(0,156,146)
```

Tone Color Variation

Below, you can see how #306c68 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

#5a5a5a Achromatopsia 0.005% of the population
#525e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6a6a Protanopia 1% of men
#706774 Deuteranopia 1% of men
#3f727a Tritanopia 0.001% of the population

Trichromacy

#566a69 Protanomaly 1% of men, 0.01% of women
#58696f Deuteranomaly 6% of men, 0.4% of women
#396f73 Tritanomaly 0.01% of the population

#306c68 hex color

#306c68 Color Information

#306c68 Color Conversion

Color Schemes with #306c68

Alternatives to #306c68

#306c68 Preview

Shades and Tints of #306c68

Tones of #306c68

Color Blindness Simulator