#336680 Color Information
In a RGB color space, hex #336680 is composed of 20% red, 40% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 20.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 200.3 degrees, a saturation of 43% and a lightness of 35.1%. #336680 color hex could be obtained by blending #66ccff with #000001. Closest websafe color is: #336699.
-
- R 20
- G 40
- B 50
-
- C 60
- M 20
- Y 0
- K 50
● #336680 color description : Dark moderate blue.
#336680 Color Conversion
The hexadecimal color #336680 has RGB values of R:51, G:102, B:128 and CMYK values of C:0.6, M:0.2, Y:0, K:0.5. Its decimal value is 3368576.
Hex triplet | 336680 | #336680 |
---|---|---|
RGB Decimal | 51, 102, 128 | rgb(51,102,128) |
RGB Percent | 20, 40, 50.2 | rgb(20%,40%,50.2%) |
CMYK | 60, 20, 0, 50 | |
HSL | 200.3°, 43, 35.1 | hsl(200.3,43%,35.1%) |
HSV (or HSB) | 200.3°, 60.2, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.839, -8.86, -19.652 |
---|---|
XYZ | 10.012, 11.764, 22.164 |
xyY | 0.228, 0.268, 11.764 |
CIE-LCH | 40.839, 21.557, 245.732 |
CIE-LUV | 40.839, -20.987, -26.434 |
Hunter-Lab | 34.299, -7.92, -14.303 |
Binary | 00110011, 01100110, 10000000 |
Color Schemes with #336680
Alternatives to #336680
Below, you can see some colors close to #336680. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336680 Preview
This text has a font color of #336680.
<span style="color:#336680;">Text here</span>
This paragraph has a background color of #336680.
<p style="background-color:#336680;">Content here</p>
This element has a border color of #336680.
<div style="border:1px solid #336680;">Content here</div>
.text {color:#336680;}
.background {background-color:#336680;}
.border {border:1px solid #336680;}
Shades and Tints of #336680
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, #010102 is the darkest color, while #f3f8fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060d10
#060d10
rgb(6,13,16)
-
#0c181e
#0c181e
rgb(12,24,30)
-
#11232c
#11232c
rgb(17,35,44)
-
#172e3a
#172e3a
rgb(23,46,58)
-
#1d3948
#1d3948
rgb(29,57,72)
-
#224456
#224456
rgb(34,68,86)
-
#285064
#285064
rgb(40,80,100)
-
#2d5b72
#2d5b72
rgb(45,91,114)
-
#336680
#336680
rgb(51,102,128)
-
#39718e
#39718e
rgb(57,113,142)
-
#3e7c9c
#3e7c9c
rgb(62,124,156)
-
#4488aa
#4488aa
rgb(68,136,170)
-
#4a92b7
#4a92b7
rgb(74,146,183)
-
#589bbd
#589bbd
rgb(88,155,189)
-
#66a3c2
#66a3c2
rgb(102,163,194)
-
#74acc8
#74acc8
rgb(116,172,200)
-
#83b4cd
#83b4cd
rgb(131,180,205)
-
#91bdd3
#91bdd3
rgb(145,189,211)
-
#9fc5d9
#9fc5d9
rgb(159,197,217)
-
#adcdde
#adcdde
rgb(173,205,222)
-
#bbd6e4
#bbd6e4
rgb(187,214,228)
-
#c9dee9
#c9dee9
rgb(201,222,233)
-
#d7e7ef
#d7e7ef
rgb(215,231,239)
-
#e5eff5
#e5eff5
rgb(229,239,245)
-
#f3f8fa
#f3f8fa
rgb(243,248,250)
Tones of #336680
A tone is produced by adding gray to any pure hue. In this case, #555b5e is the less saturated color, while #0376b0 is the most saturated one.
-
#555b5e
#555b5e
rgb(85,91,94)
-
#4f5d64
#4f5d64
rgb(79,93,100)
-
#485f6b
#485f6b
rgb(72,95,107)
-
#416272
#416272
rgb(65,98,114)
-
#3a6479
#3a6479
rgb(58,100,121)
-
#336680
#336680
rgb(51,102,128)
-
#2c6887
#2c6887
rgb(44,104,135)
-
#256a8e
#256a8e
rgb(37,106,142)
-
#1e6d95
#1e6d95
rgb(30,109,149)
-
#176f9c
#176f9c
rgb(23,111,156)
-
#1171a2
#1171a2
rgb(17,113,162)
-
#0a73a9
#0a73a9
rgb(10,115,169)
-
#0376b0
#0376b0
rgb(3,118,176)
Color Blindness Simulator
Below, you can see how #336680 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.