#336f94 Color Information
In a RGB color space, hex #336f94 is composed of 20% red, 43.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 25% magenta, 0% yellow and 42% black. It has a hue angle of 202.9 degrees, a saturation of 48.7% and a lightness of 39%. #336f94 color hex could be obtained by blending #66deff with #000029. Closest websafe color is: #336699.
-
- R 20
- G 44
- B 58
-
- C 66
- M 25
- Y 0
- K 42
● #336f94 color description : Dark moderate blue.
#336f94 Color Conversion
The hexadecimal color #336f94 has RGB values of R:51, G:111, B:148 and CMYK values of C:0.66, M:0.25, Y:0, K:0.42. Its decimal value is 3370900.
Hex triplet | 336f94 | #336f94 |
---|---|---|
RGB Decimal | 51, 111, 148 | rgb(51,111,148) |
RGB Percent | 20, 43.5, 58 | rgb(20%,43.5%,58%) |
CMYK | 66, 25, 0, 42 | |
HSL | 202.9°, 48.7, 39 | hsl(202.9,48.7%,39%) |
HSV (or HSB) | 202.9°, 65.5, 58 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.532, -7.37, -25.927 |
---|---|
XYZ | 12.394, 14.21, 30.105 |
xyY | 0.219, 0.251, 14.21 |
CIE-LCH | 44.532, 26.954, 254.133 |
CIE-LUV | 44.532, -23.67, -36.727 |
Hunter-Lab | 37.696, -7.281, -20.963 |
Binary | 00110011, 01101111, 10010100 |
Color Schemes with #336f94
Alternatives to #336f94
Below, you can see some colors close to #336f94. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336f94 Preview
This text has a font color of #336f94.
<span style="color:#336f94;">Text here</span>
This paragraph has a background color of #336f94.
<p style="background-color:#336f94;">Content here</p>
This element has a border color of #336f94.
<div style="border:1px solid #336f94;">Content here</div>
.text {color:#336f94;}
.background {background-color:#336f94;}
.border {border:1px solid #336f94;}
Shades and Tints of #336f94
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, #010202 is the darkest color, while #f3f8fb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#060d11
#060d11
rgb(6,13,17)
-
#0b171f
#0b171f
rgb(11,23,31)
-
#10222e
#10222e
rgb(16,34,46)
-
#152d3c
#152d3c
rgb(21,45,60)
-
#1a384b
#1a384b
rgb(26,56,75)
-
#1f435a
#1f435a
rgb(31,67,90)
-
#244e68
#244e68
rgb(36,78,104)
-
#295977
#295977
rgb(41,89,119)
-
#2e6485
#2e6485
rgb(46,100,133)
-
#336f94
#336f94
rgb(51,111,148)
-
#387aa3
#387aa3
rgb(56,122,163)
-
#3d85b1
#3d85b1
rgb(61,133,177)
-
#438fbe
#438fbe
rgb(67,143,190)
-
#5298c3
#5298c3
rgb(82,152,195)
-
#61a1c8
#61a1c8
rgb(97,161,200)
-
#6faacd
#6faacd
rgb(111,170,205)
-
#7eb2d2
#7eb2d2
rgb(126,178,210)
-
#8cbbd8
#8cbbd8
rgb(140,187,216)
-
#9bc4dd
#9bc4dd
rgb(155,196,221)
-
#aacce2
#aacce2
rgb(170,204,226)
-
#b8d5e7
#b8d5e7
rgb(184,213,231)
-
#c7deec
#c7deec
rgb(199,222,236)
-
#d5e6f1
#d5e6f1
rgb(213,230,241)
-
#e4eff6
#e4eff6
rgb(228,239,246)
-
#f3f8fb
#f3f8fb
rgb(243,248,251)
Tones of #336f94
A tone is produced by adding gray to any pure hue. In this case, #616466 is the less saturated color, while #057ac2 is the most saturated one.
-
#616466
#616466
rgb(97,100,102)
-
#59666e
#59666e
rgb(89,102,110)
-
#526875
#526875
rgb(82,104,117)
-
#4a6a7d
#4a6a7d
rgb(74,106,125)
-
#426b85
#426b85
rgb(66,107,133)
-
#3b6d8c
#3b6d8c
rgb(59,109,140)
-
#336f94
#336f94
rgb(51,111,148)
-
#2b719c
#2b719c
rgb(43,113,156)
-
#2473a3
#2473a3
rgb(36,115,163)
-
#1c74ab
#1c74ab
rgb(28,116,171)
-
#1476b3
#1476b3
rgb(20,118,179)
-
#0d78ba
#0d78ba
rgb(13,120,186)
-
#057ac2
#057ac2
rgb(5,122,194)
Color Blindness Simulator
Below, you can see how #336f94 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.