#336778 Color Information
In a RGB color space, hex #336778 is composed of 20% red, 40.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 14.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 194.8 degrees, a saturation of 40.4% and a lightness of 33.5%. #336778 color hex could be obtained by blending #66cef0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 40
- B 47
-
- C 58
- M 14
- Y 0
- K 53
● #336778 color description : Dark moderate cyan.
#336778 Color Conversion
The hexadecimal color #336778 has RGB values of R:51, G:103, B:120 and CMYK values of C:0.58, M:0.14, Y:0, K:0.53. Its decimal value is 3368824.
Hex triplet | 336778 | #336778 |
---|---|---|
RGB Decimal | 51, 103, 120 | rgb(51,103,120) |
RGB Percent | 20, 40.4, 47.1 | rgb(20%,40.4%,47.1%) |
CMYK | 58, 14, 0, 53 | |
HSL | 194.8°, 40.4, 33.5 | hsl(194.8,40.4%,33.5%) |
HSV (or HSB) | 194.8°, 57.5, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.832, -12.073, -14.81 |
---|---|
XYZ | 9.605, 11.76, 19.532 |
xyY | 0.235, 0.288, 11.76 |
CIE-LCH | 40.832, 19.107, 230.813 |
CIE-LUV | 40.832, -21.64, -18.915 |
Hunter-Lab | 34.292, -10.017, -9.765 |
Binary | 00110011, 01100111, 01111000 |
Color Schemes with #336778
Alternatives to #336778
Below, you can see some colors close to #336778. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336778 Preview
This text has a font color of #336778.
<span style="color:#336778;">Text here</span>
This paragraph has a background color of #336778.
<p style="background-color:#336778;">Content here</p>
This element has a border color of #336778.
<div style="border:1px solid #336778;">Content here</div>
.text {color:#336778;}
.background {background-color:#336778;}
.border {border:1px solid #336778;}
Shades and Tints of #336778
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, #04080a is the darkest color, while #fbfdfd is the lightest one.
-
#04080a
#04080a
rgb(4,8,10)
-
#0a1418
#0a1418
rgb(10,20,24)
-
#102025
#102025
rgb(16,32,37)
-
#162c33
#162c33
rgb(22,44,51)
-
#1c3841
#1c3841
rgb(28,56,65)
-
#21444f
#21444f
rgb(33,68,79)
-
#274f5c
#274f5c
rgb(39,79,92)
-
#2d5b6a
#2d5b6a
rgb(45,91,106)
-
#336778
#336778
rgb(51,103,120)
-
#397386
#397386
rgb(57,115,134)
-
#3f7f94
#3f7f94
rgb(63,127,148)
-
#458aa1
#458aa1
rgb(69,138,161)
-
#4a96af
#4a96af
rgb(74,150,175)
-
#569fb7
#569fb7
rgb(86,159,183)
-
#64a7bd
#64a7bd
rgb(100,167,189)
-
#71afc3
#71afc3
rgb(113,175,195)
-
#7fb7c9
#7fb7c9
rgb(127,183,201)
-
#8dbecf
#8dbecf
rgb(141,190,207)
-
#9bc6d4
#9bc6d4
rgb(155,198,212)
-
#a9ceda
#a9ceda
rgb(169,206,218)
-
#b6d6e0
#b6d6e0
rgb(182,214,224)
-
#c4dee6
#c4dee6
rgb(196,222,230)
-
#d2e5ec
#d2e5ec
rgb(210,229,236)
-
#e0edf2
#e0edf2
rgb(224,237,242)
-
#edf5f7
#edf5f7
rgb(237,245,247)
-
#fbfdfd
#fbfdfd
rgb(251,253,253)
Tones of #336778
A tone is produced by adding gray to any pure hue. In this case, #545657 is the less saturated color, while #057ea6 is the most saturated one.
-
#545657
#545657
rgb(84,86,87)
-
#4d5a5e
#4d5a5e
rgb(77,90,94)
-
#475d64
#475d64
rgb(71,93,100)
-
#40606b
#40606b
rgb(64,96,107)
-
#3a6471
#3a6471
rgb(58,100,113)
-
#336778
#336778
rgb(51,103,120)
-
#2c6a7f
#2c6a7f
rgb(44,106,127)
-
#266e85
#266e85
rgb(38,110,133)
-
#1f718c
#1f718c
rgb(31,113,140)
-
#197492
#197492
rgb(25,116,146)
-
#127899
#127899
rgb(18,120,153)
-
#0c7b9f
#0c7b9f
rgb(12,123,159)
-
#057ea6
#057ea6
rgb(5,126,166)
Color Blindness Simulator
Below, you can see how #336778 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.