#306b74 hex color

In a RGB color space, hex #306b74 is composed of 18.8% red, 42% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 7.8% magenta, 0% yellow and 54.5% black. It has a hue angle of 187.9 degrees, a saturation of 41.5% and a lightness of 32.2%. #306b74 color hex could be obtained by blending #60d6e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 42
- B 45
RGB color chart
- C 59
- M 8
- Y 0
- K 55
CMYK color chart

● #306b74 color description : Dark moderate cyan.

The hexadecimal color #306b74 has RGB values of R:48, G:107, B:116 and CMYK values of C:0.59, M:0.08, Y:0, K:0.55. Its decimal value is 3173236.

Hex triplet	306b74	`#306b74`
RGB Decimal	48, 107, 116	`rgb(48,107,116)`
RGB Percent	18.8, 42, 45.5	`rgb(18.8%,42%,45.5%)`
CMYK	59, 8, 0, 55
HSL	187.9°, 41.5, 32.2	`hsl(187.9,41.5%,32.2%)`
HSV (or HSB)	187.9°, 58.6, 45.5
Web Safe	336666	`#336666`

CIE-LAB	41.851, -16.279, -10.847
XYZ	9.628, 12.404, 18.409
xyY	0.238, 0.307, 12.404
CIE-LCH	41.851, 19.562, 213.678
CIE-LUV	41.851, -24.13, -12.742
Hunter-Lab	35.219, -12.836, -6.337
Binary	00110000, 01101011, 01110100

#306b74
```
#306b74 rgb(48,107,116)
```
#743930
```
#743930 rgb(116,57,48)
```

Complementary Color

#30745b
```
#30745b rgb(48,116,91)
```
#306b74
```
#306b74 rgb(48,107,116)
```
#304974
```
#304974 rgb(48,73,116)
```

Analogous Color

#745b30
```
#745b30 rgb(116,91,48)
```
#306b74
```
#306b74 rgb(48,107,116)
```
#743049
```
#743049 rgb(116,48,73)
```

Split Complementary Color

#6b7430
```
#6b7430 rgb(107,116,48)
```
#306b74
```
#306b74 rgb(48,107,116)
```
#74306b
```
#74306b rgb(116,48,107)
```

Triadic Color

#307439
```
#307439 rgb(48,116,57)
```
#306b74
```
#306b74 rgb(48,107,116)
```
#74306b
```
#74306b rgb(116,48,107)
```
#743930
```
#743930 rgb(116,57,48)
```

Tetradic Color

#1a393e
```
#1a393e rgb(26,57,62)
```
#214a50
```
#214a50 rgb(33,74,80)
```
#295a62
```
#295a62 rgb(41,90,98)
```
#306b74
```
#306b74 rgb(48,107,116)
```
#377c86
```
#377c86 rgb(55,124,134)
```
#3f8c98
```
#3f8c98 rgb(63,140,152)
```
#469daa
```
#469daa rgb(70,157,170)
```

Monochromatic Color

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

#30746c
```
#30746c rgb(48,116,108)
```
#307472
```
#307472 rgb(48,116,114)
```
#307174
```
#307174 rgb(48,113,116)
```
#306b74
```
#306b74 rgb(48,107,116)
```
#306574
```
#306574 rgb(48,101,116)
```
#306074
```
#306074 rgb(48,96,116)
```
#305a74
```
#305a74 rgb(48,90,116)
```

Similar Colors

Text with hexadecimal color #306b74

This text has a font color of #306b74.

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

#306b74 background color

This paragraph has a background color of #306b74.

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

#306b74 border color

This element has a border color of #306b74.

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

CSS codes

.text {color:#306b74;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#081113
```
#081113 rgb(8,17,19)
```
#0e1e21
```
#0e1e21 rgb(14,30,33)
```
#132b2f
```
#132b2f rgb(19,43,47)
```
#19383d
```
#19383d rgb(25,56,61)
```
#1f454a
```
#1f454a rgb(31,69,74)
```
#255158
```
#255158 rgb(37,81,88)
```
#2a5e66
```
#2a5e66 rgb(42,94,102)
```
#306b74
```
#306b74 rgb(48,107,116)
```
#367882
```
#367882 rgb(54,120,130)
```
#3b8590
```
#3b8590 rgb(59,133,144)
```
#41919e
```
#41919e rgb(65,145,158)
```
#479eab
```
#479eab rgb(71,158,171)
```

Shade Color Variation

#50a9b6
```
#50a9b6 rgb(80,169,182)
```
#5eb0bc
```
#5eb0bc rgb(94,176,188)
```
#6bb6c2
```
#6bb6c2 rgb(107,182,194)
```
#79bdc8
```
#79bdc8 rgb(121,189,200)
```
#87c4cd
```
#87c4cd rgb(135,196,205)
```
#95cbd3
```
#95cbd3 rgb(149,203,211)
```
#a3d2d9
```
#a3d2d9 rgb(163,210,217)
```
#b1d9df
```
#b1d9df rgb(177,217,223)
```
#bfdfe4
```
#bfdfe4 rgb(191,223,228)
```
#cde6ea
```
#cde6ea rgb(205,230,234)
```
#daedf0
```
#daedf0 rgb(218,237,240)
```
#e8f4f6
```
#e8f4f6 rgb(232,244,246)
```
#f6fbfb
```
#f6fbfb rgb(246,251,251)
```

Tint Color Variation

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

#505454
```
#505454 rgb(80,84,84)
```
#49585b
```
#49585b rgb(73,88,91)
```
#435d61
```
#435d61 rgb(67,93,97)
```
#3d6267
```
#3d6267 rgb(61,98,103)
```
#36666e
```
#36666e rgb(54,102,110)
```
#306b74
```
#306b74 rgb(48,107,116)
```
#2a707a
```
#2a707a rgb(42,112,122)
```
#237481
```
#237481 rgb(35,116,129)
```
#1d7987
```
#1d7987 rgb(29,121,135)
```
#177e8d
```
#177e8d rgb(23,126,141)
```
#108294
```
#108294 rgb(16,130,148)
```
#0a879a
```
#0a879a rgb(10,135,154)
```
#048ba0
```
#048ba0 rgb(4,139,160)
```

Tone Color Variation

Below, you can see how #306b74 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
#525d5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#696a76 Protanopia 1% of men
#6a687e Deuteranopia 1% of men
#3a727b Tritanopia 0.001% of the population

Trichromacy

#546a75 Protanomaly 1% of men, 0.01% of women
#55697a Deuteranomaly 6% of men, 0.4% of women
#366f78 Tritanomaly 0.01% of the population

#306b74 hex color

#306b74 Color Information

#306b74 Color Conversion

Color Schemes with #306b74

Alternatives to #306b74

#306b74 Preview

Shades and Tints of #306b74

Tones of #306b74

Color Blindness Simulator