#306a68 hex color

In a RGB color space, hex #306a68 is composed of 18.8% red, 41.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 0% magenta, 1.9% yellow and 58.4% black. It has a hue angle of 177.9 degrees, a saturation of 37.7% and a lightness of 30.2%. #306a68 color hex could be obtained by blending #60d4d0 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #306a68 has RGB values of R:48, G:106, B:104 and CMYK values of C:0.55, M:0, Y:0.02, K:0.58. Its decimal value is 3172968.

Hex triplet	306a68	`#306a68`
RGB Decimal	48, 106, 104	`rgb(48,106,104)`
RGB Percent	18.8, 41.6, 40.8	`rgb(18.8%,41.6%,40.8%)`
CMYK	55, 0, 2, 58
HSL	177.9°, 37.7, 30.2	`hsl(177.9,37.7%,30.2%)`
HSV (or HSB)	177.9°, 54.7, 41.6
Web Safe	336666	`#336666`

CIE-LAB	41.113, -19.375, -4.667
XYZ	8.871, 11.935, 14.932
xyY	0.248, 0.334, 11.935
CIE-LCH	41.113, 19.929, 193.543
CIE-LUV	41.113, -24.239, -3.59
Hunter-Lab	34.547, -14.624, -1.443
Binary	00110000, 01101010, 01101000

#306a68
```
#306a68 rgb(48,106,104)
```
#6a3032
```
#6a3032 rgb(106,48,50)
```

Complementary Color

#306a4b
```
#306a4b rgb(48,106,75)
```
#306a68
```
#306a68 rgb(48,106,104)
```
#304f6a
```
#304f6a rgb(48,79,106)
```

Analogous Color

#6a4b30
```
#6a4b30 rgb(106,75,48)
```
#306a68
```
#306a68 rgb(48,106,104)
```
#6a304f
```
#6a304f rgb(106,48,79)
```

Split Complementary Color

#6a6830
```
#6a6830 rgb(106,104,48)
```
#306a68
```
#306a68 rgb(48,106,104)
```
#68306a
```
#68306a rgb(104,48,106)
```

Triadic Color

#326a30
```
#326a30 rgb(50,106,48)
```
#306a68
```
#306a68 rgb(48,106,104)
```
#68306a
```
#68306a rgb(104,48,106)
```
#6a3032
```
#6a3032 rgb(106,48,50)
```

Tetradic Color

#183534
```
#183534 rgb(24,53,52)
```
#204746
```
#204746 rgb(32,71,70)
```
#285857
```
#285857 rgb(40,88,87)
```
#306a68
```
#306a68 rgb(48,106,104)
```
#387c79
```
#387c79 rgb(56,124,121)
```
#408d8a
```
#408d8a rgb(64,141,138)
```
#489f9c
```
#489f9c rgb(72,159,156)
```

Monochromatic Color

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

#306a5a
```
#306a5a rgb(48,106,90)
```
#306a5e
```
#306a5e rgb(48,106,94)
```
#306a63
```
#306a63 rgb(48,106,99)
```
#306a68
```
#306a68 rgb(48,106,104)
```
#30676a
```
#30676a rgb(48,103,106)
```
#30626a
```
#30626a rgb(48,98,106)
```
#305e6a
```
#305e6a rgb(48,94,106)
```

Similar Colors

Text with hexadecimal color #306a68

This text has a font color of #306a68.

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

#306a68 background color

This paragraph has a background color of #306a68.

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

#306a68 border color

This element has a border color of #306a68.

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

CSS codes

.text {color:#306a68;}

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

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

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

#050b0b
```
#050b0b rgb(5,11,11)
```
#0b1919
```
#0b1919 rgb(11,25,25)
```
#112626
```
#112626 rgb(17,38,38)
```
#183433
```
#183433 rgb(24,52,51)
```
#1e4140
```
#1e4140 rgb(30,65,64)
```
#244f4e
```
#244f4e rgb(36,79,78)
```
#2a5c5b
```
#2a5c5b rgb(42,92,91)
```
#306a68
```
#306a68 rgb(48,106,104)
```
#367875
```
#367875 rgb(54,120,117)
```
#3c8582
```
#3c8582 rgb(60,133,130)
```
#429390
```
#429390 rgb(66,147,144)
```
#48a09d
```
#48a09d rgb(72,160,157)
```
#4faeaa
```
#4faeaa rgb(79,174,170)
```

Shade Color Variation

#5bb5b2
```
#5bb5b2 rgb(91,181,178)
```
#68bbb8
```
#68bbb8 rgb(104,187,184)
```
#76c1be
```
#76c1be rgb(118,193,190)
```
#83c7c5
```
#83c7c5 rgb(131,199,197)
```
#91cdcb
```
#91cdcb rgb(145,205,203)
```
#9ed3d1
```
#9ed3d1 rgb(158,211,209)
```
#acd9d8
```
#acd9d8 rgb(172,217,216)
```
#b9e0de
```
#b9e0de rgb(185,224,222)
```
#c7e6e5
```
#c7e6e5 rgb(199,230,229)
```
#d4eceb
```
#d4eceb rgb(212,236,235)
```
#e2f2f1
```
#e2f2f1 rgb(226,242,241)
```
#eff8f8
```
#eff8f8 rgb(239,248,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#485252
```
#485252 rgb(72,82,82)
```
#425857
```
#425857 rgb(66,88,87)
```
#3c5e5d
```
#3c5e5d rgb(60,94,93)
```
#366462
```
#366462 rgb(54,100,98)
```
#306a68
```
#306a68 rgb(48,106,104)
```
#2a706e
```
#2a706e rgb(42,112,110)
```
#247673
```
#247673 rgb(36,118,115)
```
#1e7c79
```
#1e7c79 rgb(30,124,121)
```
#18827e
```
#18827e rgb(24,130,126)
```
#128884
```
#128884 rgb(18,136,132)
```
#0c8e89
```
#0c8e89 rgb(12,142,137)
```
#07938f
```
#07938f rgb(7,147,143)
```
#019994
```
#019994 rgb(1,153,148)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505c5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a686a Protanopia 1% of men
#6d6673 Deuteranopia 1% of men
#3e7078 Tritanopia 0.001% of the population

Trichromacy

#556969 Protanomaly 1% of men, 0.01% of women
#57676f Deuteranomaly 6% of men, 0.4% of women
#396e72 Tritanomaly 0.01% of the population

#306a68 hex color

#306a68 Color Information

#306a68 Color Conversion

Color Schemes with #306a68

Alternatives to #306a68

#306a68 Preview

Shades and Tints of #306a68

Tones of #306a68

Color Blindness Simulator