#306868 hex color

In a RGB color space, hex #306868 is composed of 18.8% red, 40.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 0% magenta, 0% yellow and 59.2% black. It has a hue angle of 180 degrees, a saturation of 36.8% and a lightness of 29.8%. #306868 color hex could be obtained by blending #60d0d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 41
- B 41
RGB color chart
- C 54
- M 0
- Y 0
- K 59
CMYK color chart

● #306868 color description : Very dark desaturated cyan.

The hexadecimal color #306868 has RGB values of R:48, G:104, B:104 and CMYK values of C:0.54, M:0, Y:0, K:0.59. Its decimal value is 3172456.

Hex triplet	306868	`#306868`
RGB Decimal	48, 104, 104	`rgb(48,104,104)`
RGB Percent	18.8, 40.8, 40.8	`rgb(18.8%,40.8%,40.8%)`
CMYK	54, 0, 0, 59
HSL	180°, 36.8, 29.8	`hsl(180,36.8%,29.8%)`
HSV (or HSB)	180°, 53.8, 40.8
Web Safe	336666	`#336666`

CIE-LAB	40.456, -18.291, -5.644
XYZ	8.667, 11.528, 14.864
xyY	0.247, 0.329, 11.528
CIE-LCH	40.456, 19.142, 197.148
CIE-LUV	40.456, -23.434, -5.061
Hunter-Lab	33.953, -13.851, -2.19
Binary	00110000, 01101000, 01101000

#306868
```
#306868 rgb(48,104,104)
```
#683030
```
#683030 rgb(104,48,48)
```

Complementary Color

#30684c
```
#30684c rgb(48,104,76)
```
#306868
```
#306868 rgb(48,104,104)
```
#304c68
```
#304c68 rgb(48,76,104)
```

Analogous Color

#684c30
```
#684c30 rgb(104,76,48)
```
#306868
```
#306868 rgb(48,104,104)
```
#68304c
```
#68304c rgb(104,48,76)
```

Split Complementary Color

#686830
```
#686830 rgb(104,104,48)
```
#306868
```
#306868 rgb(48,104,104)
```
#683068
```
#683068 rgb(104,48,104)
```

Triadic Color

#306830
```
#306830 rgb(48,104,48)
```
#306868
```
#306868 rgb(48,104,104)
```
#683068
```
#683068 rgb(104,48,104)
```
#683030
```
#683030 rgb(104,48,48)
```

Tetradic Color

#183434
```
#183434 rgb(24,52,52)
```
#204545
```
#204545 rgb(32,69,69)
```
#285757
```
#285757 rgb(40,87,87)
```
#306868
```
#306868 rgb(48,104,104)
```
#387979
```
#387979 rgb(56,121,121)
```
#408b8b
```
#408b8b rgb(64,139,139)
```
#489c9c
```
#489c9c rgb(72,156,156)
```

Monochromatic Color

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

#30685a
```
#30685a rgb(48,104,90)
```
#30685f
```
#30685f rgb(48,104,95)
```
#306863
```
#306863 rgb(48,104,99)
```
#306868
```
#306868 rgb(48,104,104)
```
#306368
```
#306368 rgb(48,99,104)
```
#305f68
```
#305f68 rgb(48,95,104)
```
#305a68
```
#305a68 rgb(48,90,104)
```

Similar Colors

Text with hexadecimal color #306868

This text has a font color of #306868.

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

#306868 background color

This paragraph has a background color of #306868.

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

#306868 border color

This element has a border color of #306868.

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

CSS codes

.text {color:#306868;}

.background {background-color:#306868;}

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

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

#050a0a
```
#050a0a rgb(5,10,10)
```
#0b1717
```
#0b1717 rgb(11,23,23)
```
#112525
```
#112525 rgb(17,37,37)
```
#173232
```
#173232 rgb(23,50,50)
```
#1d4040
```
#1d4040 rgb(29,64,64)
```
#244d4d
```
#244d4d rgb(36,77,77)
```
#2a5b5b
```
#2a5b5b rgb(42,91,91)
```
#306868
```
#306868 rgb(48,104,104)
```
#367575
```
#367575 rgb(54,117,117)
```
#3c8383
```
#3c8383 rgb(60,131,131)
```
#439090
```
#439090 rgb(67,144,144)
```
#499e9e
```
#499e9e rgb(73,158,158)
```
#4fabab
```
#4fabab rgb(79,171,171)
```

Shade Color Variation

#5bb3b3
```
#5bb3b3 rgb(91,179,179)
```
#68b9b9
```
#68b9b9 rgb(104,185,185)
```
#75c0c0
```
#75c0c0 rgb(117,192,192)
```
#83c6c6
```
#83c6c6 rgb(131,198,198)
```
#90cccc
```
#90cccc rgb(144,204,204)
```
#9ed2d2
```
#9ed2d2 rgb(158,210,210)
```
#abd8d8
```
#abd8d8 rgb(171,216,216)
```
#b9dede
```
#b9dede rgb(185,222,222)
```
#c6e5e5
```
#c6e5e5 rgb(198,229,229)
```
#d3ebeb
```
#d3ebeb rgb(211,235,235)
```
#e1f1f1
```
#e1f1f1 rgb(225,241,241)
```
#eef7f7
```
#eef7f7 rgb(238,247,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#475151
```
#475151 rgb(71,81,81)
```
#425656
```
#425656 rgb(66,86,86)
```
#3c5c5c
```
#3c5c5c rgb(60,92,92)
```
#366262
```
#366262 rgb(54,98,98)
```
#306868
```
#306868 rgb(48,104,104)
```
#2a6e6e
```
#2a6e6e rgb(42,110,110)
```
#247474
```
#247474 rgb(36,116,116)
```
#1e7a7a
```
#1e7a7a rgb(30,122,122)
```
#197f7f
```
#197f7f rgb(25,127,127)
```
#138585
```
#138585 rgb(19,133,133)
```
#0d8b8b
```
#0d8b8b rgb(13,139,139)
```
#079191
```
#079191 rgb(7,145,145)
```
#019797
```
#019797 rgb(1,151,151)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#68676b Protanopia 1% of men
#6b6573 Deuteranopia 1% of men
#3d6e76 Tritanopia 0.001% of the population

Trichromacy

#536769 Protanomaly 1% of men, 0.01% of women
#55666f Deuteranomaly 6% of men, 0.4% of women
#386c71 Tritanomaly 0.01% of the population

#306868 hex color

#306868 Color Information

#306868 Color Conversion

Color Schemes with #306868

Alternatives to #306868

#306868 Preview

Shades and Tints of #306868

Tones of #306868

Color Blindness Simulator