#336974 hex color

In a RGB color space, hex #336974 is composed of 20% red, 41.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 9.5% magenta, 0% yellow and 54.5% black. It has a hue angle of 190.2 degrees, a saturation of 38.9% and a lightness of 32.7%. #336974 color hex could be obtained by blending #66d2e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 41
- B 45
RGB color chart
- C 56
- M 9
- Y 0
- K 55
CMYK color chart

● #336974 color description : Dark moderate cyan.

The hexadecimal color #336974 has RGB values of R:51, G:105, B:116 and CMYK values of C:0.56, M:0.09, Y:0, K:0.55. Its decimal value is 3369332.

Hex triplet	336974	`#336974`
RGB Decimal	51, 105, 116	`rgb(51,105,116)`
RGB Percent	20, 41.2, 45.5	`rgb(20%,41.2%,45.5%)`
CMYK	56, 9, 0, 55
HSL	190.2°, 38.9, 32.7	`hsl(190.2,38.9%,32.7%)`
HSV (or HSB)	190.2°, 56, 45.5
Web Safe	336666	`#336666`

CIE-LAB	41.323, -14.485, -11.634
XYZ	9.568, 12.067, 18.347
xyY	0.239, 0.302, 12.067
CIE-LCH	41.323, 18.579, 218.772
CIE-LUV	41.323, -22.57, -14.056
Hunter-Lab	34.738, -11.625, -6.998
Binary	00110011, 01101001, 01110100

#336974
```
#336974 rgb(51,105,116)
```
#743e33
```
#743e33 rgb(116,62,51)
```

Complementary Color

#33745f
```
#33745f rgb(51,116,95)
```
#336974
```
#336974 rgb(51,105,116)
```
#334974
```
#334974 rgb(51,73,116)
```

Analogous Color

#745f33
```
#745f33 rgb(116,95,51)
```
#336974
```
#336974 rgb(51,105,116)
```
#743349
```
#743349 rgb(116,51,73)
```

Split Complementary Color

#697433
```
#697433 rgb(105,116,51)
```
#336974
```
#336974 rgb(51,105,116)
```
#743369
```
#743369 rgb(116,51,105)
```

Triadic Color

#33743e
```
#33743e rgb(51,116,62)
```
#336974
```
#336974 rgb(51,105,116)
```
#743369
```
#743369 rgb(116,51,105)
```
#743e33
```
#743e33 rgb(116,62,51)
```

Tetradic Color

#1c393f
```
#1c393f rgb(28,57,63)
```
#234951
```
#234951 rgb(35,73,81)
```
#2b5962
```
#2b5962 rgb(43,89,98)
```
#336974
```
#336974 rgb(51,105,116)
```
#3b7986
```
#3b7986 rgb(59,121,134)
```
#438997
```
#438997 rgb(67,137,151)
```
#4a99a9
```
#4a99a9 rgb(74,153,169)
```

Monochromatic Color

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

#33746f
```
#33746f rgb(51,116,111)
```
#337474
```
#337474 rgb(51,116,116)
```
#336e74
```
#336e74 rgb(51,110,116)
```
#336974
```
#336974 rgb(51,105,116)
```
#336474
```
#336474 rgb(51,100,116)
```
#335e74
```
#335e74 rgb(51,94,116)
```
#335974
```
#335974 rgb(51,89,116)
```

Similar Colors

Text with hexadecimal color #336974

This text has a font color of #336974.

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

#336974 background color

This paragraph has a background color of #336974.

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

#336974 border color

This element has a border color of #336974.

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

CSS codes

.text {color:#336974;}

.background {background-color:#336974;}

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091315
```
#091315 rgb(9,19,21)
```
#0f1f22
```
#0f1f22 rgb(15,31,34)
```
#152b30
```
#152b30 rgb(21,43,48)
```
#1b383d
```
#1b383d rgb(27,56,61)
```
#21444b
```
#21444b rgb(33,68,75)
```
#275059
```
#275059 rgb(39,80,89)
```
#2d5d66
```
#2d5d66 rgb(45,93,102)
```
#336974
```
#336974 rgb(51,105,116)
```
#397582
```
#397582 rgb(57,117,130)
```
#3f828f
```
#3f828f rgb(63,130,143)
```
#458e9d
```
#458e9d rgb(69,142,157)
```
#4b9aab
```
#4b9aab rgb(75,154,171)
```

Shade Color Variation

#55a4b4
```
#55a4b4 rgb(85,164,180)
```
#62abba
```
#62abba rgb(98,171,186)
```
#70b3c0
```
#70b3c0 rgb(112,179,192)
```
#7ebac6
```
#7ebac6 rgb(126,186,198)
```
#8bc1cc
```
#8bc1cc rgb(139,193,204)
```
#99c8d2
```
#99c8d2 rgb(153,200,210)
```
#a7d0d8
```
#a7d0d8 rgb(167,208,216)
```
#b4d7de
```
#b4d7de rgb(180,215,222)
```
#c2dee4
```
#c2dee4 rgb(194,222,228)
```
#cfe6ea
```
#cfe6ea rgb(207,230,234)
```
#ddedf0
```
#ddedf0 rgb(221,237,240)
```
#ebf4f6
```
#ebf4f6 rgb(235,244,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#535454
```
#535454 rgb(83,84,84)
```
#4d585a
```
#4d585a rgb(77,88,90)
```
#465c61
```
#465c61 rgb(70,92,97)
```
#406167
```
#406167 rgb(64,97,103)
```
#39656e
```
#39656e rgb(57,101,110)
```
#336974
```
#336974 rgb(51,105,116)
```
#2d6d7a
```
#2d6d7a rgb(45,109,122)
```
#267181
```
#267181 rgb(38,113,129)
```
#207687
```
#207687 rgb(32,118,135)
```
#197a8e
```
#197a8e rgb(25,122,142)
```
#137e94
```
#137e94 rgb(19,126,148)
```
#0c829b
```
#0c829b rgb(12,130,155)
```
#0687a1
```
#0687a1 rgb(6,135,161)
```

Tone Color Variation

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

#676876 Protanopia 1% of men
#68677e Deuteranopia 1% of men
#3c7179 Tritanopia 0.001% of the population

Trichromacy

#546875 Protanomaly 1% of men, 0.01% of women
#54687a Deuteranomaly 6% of men, 0.4% of women
#396e77 Tritanomaly 0.01% of the population

#336974 hex color

#336974 Color Information

#336974 Color Conversion

Color Schemes with #336974

Alternatives to #336974

#336974 Preview

Shades and Tints of #336974

Tones of #336974

Color Blindness Simulator