#336fa7 Color Information
In a RGB color space, hex #336fa7 is composed of 20% red, 43.5% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 33.5% magenta, 0% yellow and 34.5% black. It has a hue angle of 209 degrees, a saturation of 53.2% and a lightness of 42.7%. #336fa7 color hex could be obtained by blending #66deff with #00004f. Closest websafe color is: #336699.
-
- R 20
- G 44
- B 65
-
- C 69
- M 34
- Y 0
- K 35
● #336fa7 color description : Dark moderate blue.
#336fa7 Color Conversion
The hexadecimal color #336fa7 has RGB values of R:51, G:111, B:167 and CMYK values of C:0.69, M:0.34, Y:0, K:0.35. Its decimal value is 3370919.
Hex triplet | 336fa7 | #336fa7 |
---|---|---|
RGB Decimal | 51, 111, 167 | rgb(51,111,167) |
RGB Percent | 20, 43.5, 65.5 | rgb(20%,43.5%,65.5%) |
CMYK | 69, 34, 0, 35 | |
HSL | 209°, 53.2, 42.7 | hsl(209,53.2%,42.7%) |
HSV (or HSB) | 209°, 69.5, 65.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.444, -0.642, -35.716 |
---|---|
XYZ | 14.023, 14.862, 38.687 |
xyY | 0.208, 0.22, 14.862 |
CIE-LCH | 45.444, 35.722, 268.97 |
CIE-LUV | 45.444, -23.006, -52.836 |
Hunter-Lab | 38.551, -2.534, -32.513 |
Binary | 00110011, 01101111, 10100111 |
Color Schemes with #336fa7
Alternatives to #336fa7
Below, you can see some colors close to #336fa7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336fa7 Preview
This text has a font color of #336fa7.
<span style="color:#336fa7;">Text here</span>
This paragraph has a background color of #336fa7.
<p style="background-color:#336fa7;">Content here</p>
This element has a border color of #336fa7.
<div style="border:1px solid #336fa7;">Content here</div>
.text {color:#336fa7;}
.background {background-color:#336fa7;}
.border {border:1px solid #336fa7;}
Shades and Tints of #336fa7
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 #f2f6fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050b11
#050b11
rgb(5,11,17)
-
#0a1520
#0a1520
rgb(10,21,32)
-
#0e1f2f
#0e1f2f
rgb(14,31,47)
-
#13293e
#13293e
rgb(19,41,62)
-
#17334d
#17334d
rgb(23,51,77)
-
#1c3d5c
#1c3d5c
rgb(28,61,92)
-
#21476b
#21476b
rgb(33,71,107)
-
#25517a
#25517a
rgb(37,81,122)
-
#2a5b89
#2a5b89
rgb(42,91,137)
-
#2e6598
#2e6598
rgb(46,101,152)
-
#336fa7
#336fa7
rgb(51,111,167)
-
#3879b6
#3879b6
rgb(56,121,182)
-
#3d83c4
#3d83c4
rgb(61,131,196)
-
#4c8dc8
#4c8dc8
rgb(76,141,200)
-
#5b96cd
#5b96cd
rgb(91,150,205)
-
#6aa0d2
#6aa0d2
rgb(106,160,210)
-
#79a9d6
#79a9d6
rgb(121,169,214)
-
#88b3db
#88b3db
rgb(136,179,219)
-
#98bddf
#98bddf
rgb(152,189,223)
-
#a7c6e4
#a7c6e4
rgb(167,198,228)
-
#b6d0e9
#b6d0e9
rgb(182,208,233)
-
#c5daed
#c5daed
rgb(197,218,237)
-
#d4e3f2
#d4e3f2
rgb(212,227,242)
-
#e3edf6
#e3edf6
rgb(227,237,246)
-
#f2f6fb
#f2f6fb
rgb(242,246,251)
Tones of #336fa7
A tone is produced by adding gray to any pure hue. In this case, #656d75 is the less saturated color, while #0171d9 is the most saturated one.
-
#656d75
#656d75
rgb(101,109,117)
-
#5d6e7d
#5d6e7d
rgb(93,110,125)
-
#556e85
#556e85
rgb(85,110,133)
-
#4c6e8e
#4c6e8e
rgb(76,110,142)
-
#446e96
#446e96
rgb(68,110,150)
-
#3b6f9f
#3b6f9f
rgb(59,111,159)
-
#336fa7
#336fa7
rgb(51,111,167)
-
#2b6faf
#2b6faf
rgb(43,111,175)
-
#2270b8
#2270b8
rgb(34,112,184)
-
#1a70c0
#1a70c0
rgb(26,112,192)
-
#1170c9
#1170c9
rgb(17,112,201)
-
#0970d1
#0970d1
rgb(9,112,209)
-
#0171d9
#0171d9
rgb(1,113,217)
Color Blindness Simulator
Below, you can see how #336fa7 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.