#336f95 Color Information
In a RGB color space, hex #336f95 is composed of 20% red, 43.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 25.5% magenta, 0% yellow and 41.6% black. It has a hue angle of 203.3 degrees, a saturation of 49% and a lightness of 39.2%. #336f95 color hex could be obtained by blending #66deff with #00002b. Closest websafe color is: #336699.
-
- R 20
- G 44
- B 58
-
- C 66
- M 26
- Y 0
- K 42
● #336f95 color description : Dark moderate blue.
#336f95 Color Conversion
The hexadecimal color #336f95 has RGB values of R:51, G:111, B:149 and CMYK values of C:0.66, M:0.26, Y:0, K:0.42. Its decimal value is 3370901.
Hex triplet | 336f95 | #336f95 |
---|---|---|
RGB Decimal | 51, 111, 149 | rgb(51,111,149) |
RGB Percent | 20, 43.5, 58.4 | rgb(20%,43.5%,58.4%) |
CMYK | 66, 26, 0, 42 | |
HSL | 203.3°, 49, 39.2 | hsl(203.3,49%,39.2%) |
HSV (or HSB) | 203.3°, 65.8, 58.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.578, -7.023, -26.451 |
---|---|
XYZ | 12.473, 14.242, 30.524 |
xyY | 0.218, 0.249, 14.242 |
CIE-LCH | 44.578, 27.367, 255.13 |
CIE-LUV | 44.578, -23.633, -37.581 |
Hunter-Lab | 37.738, -7.044, -21.539 |
Binary | 00110011, 01101111, 10010101 |
Color Schemes with #336f95
Alternatives to #336f95
Below, you can see some colors close to #336f95. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336f95 Preview
This text has a font color of #336f95.
<span style="color:#336f95;">Text here</span>
This paragraph has a background color of #336f95.
<p style="background-color:#336f95;">Content here</p>
This element has a border color of #336f95.
<div style="border:1px solid #336f95;">Content here</div>
.text {color:#336f95;}
.background {background-color:#336f95;}
.border {border:1px solid #336f95;}
Shades and Tints of #336f95
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, #010203 is the darkest color, while #f3f8fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060d11
#060d11
rgb(6,13,17)
-
#0b1820
#0b1820
rgb(11,24,32)
-
#10232f
#10232f
rgb(16,35,47)
-
#152e3d
#152e3d
rgb(21,46,61)
-
#1a394c
#1a394c
rgb(26,57,76)
-
#1f435b
#1f435b
rgb(31,67,91)
-
#244e69
#244e69
rgb(36,78,105)
-
#295978
#295978
rgb(41,89,120)
-
#2e6486
#2e6486
rgb(46,100,134)
-
#336f95
#336f95
rgb(51,111,149)
-
#387aa4
#387aa4
rgb(56,122,164)
-
#3d85b2
#3d85b2
rgb(61,133,178)
-
#448fbf
#448fbf
rgb(68,143,191)
-
#5398c4
#5398c4
rgb(83,152,196)
-
#61a1c9
#61a1c9
rgb(97,161,201)
-
#70a9ce
#70a9ce
rgb(112,169,206)
-
#7eb2d3
#7eb2d3
rgb(126,178,211)
-
#8dbbd8
#8dbbd8
rgb(141,187,216)
-
#9cc4dd
#9cc4dd
rgb(156,196,221)
-
#aacce2
#aacce2
rgb(170,204,226)
-
#b9d5e7
#b9d5e7
rgb(185,213,231)
-
#c7deec
#c7deec
rgb(199,222,236)
-
#d6e7f1
#d6e7f1
rgb(214,231,241)
-
#e5eff6
#e5eff6
rgb(229,239,246)
-
#f3f8fb
#f3f8fb
rgb(243,248,251)
Tones of #336f95
A tone is produced by adding gray to any pure hue. In this case, #616567 is the less saturated color, while #0579c3 is the most saturated one.
-
#616567
#616567
rgb(97,101,103)
-
#59666f
#59666f
rgb(89,102,111)
-
#526876
#526876
rgb(82,104,118)
-
#4a6a7e
#4a6a7e
rgb(74,106,126)
-
#426c86
#426c86
rgb(66,108,134)
-
#3b6d8d
#3b6d8d
rgb(59,109,141)
-
#336f95
#336f95
rgb(51,111,149)
-
#2b719d
#2b719d
rgb(43,113,157)
-
#2472a4
#2472a4
rgb(36,114,164)
-
#1c74ac
#1c74ac
rgb(28,116,172)
-
#1476b4
#1476b4
rgb(20,118,180)
-
#0d78bb
#0d78bb
rgb(13,120,187)
-
#0579c3
#0579c3
rgb(5,121,195)
Color Blindness Simulator
Below, you can see how #336f95 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.