#336f99 Color Information
In a RGB color space, hex #336f99 is composed of 20% red, 43.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 27.5% magenta, 0% yellow and 40% black. It has a hue angle of 204.7 degrees, a saturation of 50% and a lightness of 40%. #336f99 color hex could be obtained by blending #66deff with #000033. Closest websafe color is: #336699.
-
- R 20
- G 44
- B 60
-
- C 67
- M 27
- Y 0
- K 40
● #336f99 color description : Dark moderate blue.
#336f99 Color Conversion
The hexadecimal color #336f99 has RGB values of R:51, G:111, B:153 and CMYK values of C:0.67, M:0.27, Y:0, K:0.4. Its decimal value is 3370905.
Hex triplet | 336f99 | #336f99 |
---|---|---|
RGB Decimal | 51, 111, 153 | rgb(51,111,153) |
RGB Percent | 20, 43.5, 60 | rgb(20%,43.5%,60%) |
CMYK | 67, 27, 0, 40 | |
HSL | 204.7°, 50, 40 | hsl(204.7,50%,40%) |
HSV (or HSB) | 204.7°, 66.7, 60 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.761, -5.628, -28.536 |
---|---|
XYZ | 12.798, 14.372, 32.235 |
xyY | 0.215, 0.242, 14.372 |
CIE-LCH | 44.761, 29.085, 258.843 |
CIE-LUV | 44.761, -23.487, -40.993 |
Hunter-Lab | 37.91, -6.083, -23.877 |
Binary | 00110011, 01101111, 10011001 |
Color Schemes with #336f99
Alternatives to #336f99
Below, you can see some colors close to #336f99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336f99 Preview
This text has a font color of #336f99.
<span style="color:#336f99;">Text here</span>
This paragraph has a background color of #336f99.
<p style="background-color:#336f99;">Content here</p>
This element has a border color of #336f99.
<div style="border:1px solid #336f99;">Content here</div>
.text {color:#336f99;}
.background {background-color:#336f99;}
.border {border:1px solid #336f99;}
Shades and Tints of #336f99
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, #020406 is the darkest color, while #f6fafc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#070f15
#070f15
rgb(7,15,21)
-
#0c1a23
#0c1a23
rgb(12,26,35)
-
#112432
#112432
rgb(17,36,50)
-
#162f41
#162f41
rgb(22,47,65)
-
#1a3a4f
#1a3a4f
rgb(26,58,79)
-
#1f445e
#1f445e
rgb(31,68,94)
-
#244f6d
#244f6d
rgb(36,79,109)
-
#295a7c
#295a7c
rgb(41,90,124)
-
#2e648a
#2e648a
rgb(46,100,138)
-
#336f99
#336f99
rgb(51,111,153)
-
#387aa8
#387aa8
rgb(56,122,168)
-
#3d84b6
#3d84b6
rgb(61,132,182)
-
#468ec1
#468ec1
rgb(70,142,193)
-
#5497c6
#5497c6
rgb(84,151,198)
-
#63a0cb
#63a0cb
rgb(99,160,203)
-
#72a9d0
#72a9d0
rgb(114,169,208)
-
#80b2d5
#80b2d5
rgb(128,178,213)
-
#8fbbda
#8fbbda
rgb(143,187,218)
-
#9ec4df
#9ec4df
rgb(158,196,223)
-
#adcde4
#adcde4
rgb(173,205,228)
-
#bbd6e8
#bbd6e8
rgb(187,214,232)
-
#cadfed
#cadfed
rgb(202,223,237)
-
#d9e8f2
#d9e8f2
rgb(217,232,242)
-
#e7f1f7
#e7f1f7
rgb(231,241,247)
-
#f6fafc
#f6fafc
rgb(246,250,252)
Tones of #336f99
A tone is produced by adding gray to any pure hue. In this case, #62676a is the less saturated color, while #0477c8 is the most saturated one.
-
#62676a
#62676a
rgb(98,103,106)
-
#5a6872
#5a6872
rgb(90,104,114)
-
#52697a
#52697a
rgb(82,105,122)
-
#4b6b81
#4b6b81
rgb(75,107,129)
-
#436c89
#436c89
rgb(67,108,137)
-
#3b6e91
#3b6e91
rgb(59,110,145)
-
#336f99
#336f99
rgb(51,111,153)
-
#2b70a1
#2b70a1
rgb(43,112,161)
-
#2372a9
#2372a9
rgb(35,114,169)
-
#1b73b1
#1b73b1
rgb(27,115,177)
-
#1475b8
#1475b8
rgb(20,117,184)
-
#0c76c0
#0c76c0
rgb(12,118,192)
-
#0477c8
#0477c8
rgb(4,119,200)
Color Blindness Simulator
Below, you can see how #336f99 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.