#336fa2 Color Information
In a RGB color space, hex #336fa2 is composed of 20% red, 43.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 31.5% magenta, 0% yellow and 36.5% black. It has a hue angle of 207.6 degrees, a saturation of 52.1% and a lightness of 41.8%. #336fa2 color hex could be obtained by blending #66deff with #000045. Closest websafe color is: #336699.
-
- R 20
- G 44
- B 64
-
- C 69
- M 31
- Y 0
- K 36
● #336fa2 color description : Dark moderate blue.
#336fa2 Color Conversion
The hexadecimal color #336fa2 has RGB values of R:51, G:111, B:162 and CMYK values of C:0.69, M:0.31, Y:0, K:0.36. Its decimal value is 3370914.
Hex triplet | 336fa2 | #336fa2 |
---|---|---|
RGB Decimal | 51, 111, 162 | rgb(51,111,162) |
RGB Percent | 20, 43.5, 63.5 | rgb(20%,43.5%,63.5%) |
CMYK | 69, 31, 0, 36 | |
HSL | 207.6°, 52.1, 41.8 | hsl(207.6,52.1%,41.8%) |
HSV (or HSB) | 207.6°, 68.5, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.193, -2.439, -33.173 |
---|---|
XYZ | 13.57, 14.68, 36.299 |
xyY | 0.21, 0.227, 14.68 |
CIE-LCH | 45.193, 33.262, 265.795 |
CIE-LUV | 45.193, -23.172, -48.628 |
Hunter-Lab | 38.315, -3.833, -29.35 |
Binary | 00110011, 01101111, 10100010 |
Color Schemes with #336fa2
Alternatives to #336fa2
Below, you can see some colors close to #336fa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336fa2 Preview
This text has a font color of #336fa2.
<span style="color:#336fa2;">Text here</span>
This paragraph has a background color of #336fa2.
<p style="background-color:#336fa2;">Content here</p>
This element has a border color of #336fa2.
<div style="border:1px solid #336fa2;">Content here</div>
.text {color:#336fa2;}
.background {background-color:#336fa2;}
.border {border:1px solid #336fa2;}
Shades and Tints of #336fa2
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, #04090d is the darkest color, while #fdfefe is the lightest one.
-
#04090d
#04090d
rgb(4,9,13)
-
#09131c
#09131c
rgb(9,19,28)
-
#0d1d2b
#0d1d2b
rgb(13,29,43)
-
#12273a
#12273a
rgb(18,39,58)
-
#173248
#173248
rgb(23,50,72)
-
#1c3c57
#1c3c57
rgb(28,60,87)
-
#204666
#204666
rgb(32,70,102)
-
#255075
#255075
rgb(37,80,117)
-
#2a5b84
#2a5b84
rgb(42,91,132)
-
#2e6593
#2e6593
rgb(46,101,147)
-
#336fa2
#336fa2
rgb(51,111,162)
-
#3879b1
#3879b1
rgb(56,121,177)
-
#3c83c0
#3c83c0
rgb(60,131,192)
-
#4a8dc6
#4a8dc6
rgb(74,141,198)
-
#5996cb
#5996cb
rgb(89,150,203)
-
#68a0cf
#68a0cf
rgb(104,160,207)
-
#77a9d4
#77a9d4
rgb(119,169,212)
-
#86b3d9
#86b3d9
rgb(134,179,217)
-
#94bcdd
#94bcdd
rgb(148,188,221)
-
#a3c5e2
#a3c5e2
rgb(163,197,226)
-
#b2cfe7
#b2cfe7
rgb(178,207,231)
-
#c1d8ec
#c1d8ec
rgb(193,216,236)
-
#d0e1f0
#d0e1f0
rgb(208,225,240)
-
#dfebf5
#dfebf5
rgb(223,235,245)
-
#eef4fa
#eef4fa
rgb(238,244,250)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #336fa2
A tone is produced by adding gray to any pure hue. In this case, #646b71 is the less saturated color, while #0273d3 is the most saturated one.
-
#646b71
#646b71
rgb(100,107,113)
-
#5c6c79
#5c6c79
rgb(92,108,121)
-
#546c81
#546c81
rgb(84,108,129)
-
#4c6d89
#4c6d89
rgb(76,109,137)
-
#436e92
#436e92
rgb(67,110,146)
-
#3b6e9a
#3b6e9a
rgb(59,110,154)
-
#336fa2
#336fa2
rgb(51,111,162)
-
#2b70aa
#2b70aa
rgb(43,112,170)
-
#2370b2
#2370b2
rgb(35,112,178)
-
#1a71bb
#1a71bb
rgb(26,113,187)
-
#1272c3
#1272c3
rgb(18,114,195)
-
#0a72cb
#0a72cb
rgb(10,114,203)
-
#0273d3
#0273d3
rgb(2,115,211)
Color Blindness Simulator
Below, you can see how #336fa2 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.