#336faa Color Information
In a RGB color space, hex #336faa is composed of 20% red, 43.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 34.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 209.7 degrees, a saturation of 53.8% and a lightness of 43.3%. #336faa color hex could be obtained by blending #66deff with #000055. Closest websafe color is: #336699.
-
- R 20
- G 44
- B 67
-
- C 70
- M 35
- Y 0
- K 33
● #336faa color description : Dark blue.
#336faa Color Conversion
The hexadecimal color #336faa has RGB values of R:51, G:111, B:170 and CMYK values of C:0.7, M:0.35, Y:0, K:0.33. Its decimal value is 3370922.
Hex triplet | 336faa | #336faa |
---|---|---|
RGB Decimal | 51, 111, 170 | rgb(51,111,170) |
RGB Percent | 20, 43.5, 66.7 | rgb(20%,43.5%,66.7%) |
CMYK | 70, 35, 0, 33 | |
HSL | 209.7°, 53.8, 43.3 | hsl(209.7,53.8%,43.3%) |
HSV (or HSB) | 209.7°, 70, 66.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.598, 0.443, -37.231 |
---|---|
XYZ | 14.304, 14.974, 40.164 |
xyY | 0.206, 0.216, 14.974 |
CIE-LCH | 45.598, 37.234, 270.682 |
CIE-LUV | 45.598, -22.909, -55.348 |
Hunter-Lab | 38.696, -1.737, -34.452 |
Binary | 00110011, 01101111, 10101010 |
Color Schemes with #336faa
Alternatives to #336faa
Below, you can see some colors close to #336faa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336faa Preview
This text has a font color of #336faa.
<span style="color:#336faa;">Text here</span>
This paragraph has a background color of #336faa.
<p style="background-color:#336faa;">Content here</p>
This element has a border color of #336faa.
<div style="border:1px solid #336faa;">Content here</div>
.text {color:#336faa;}
.background {background-color:#336faa;}
.border {border:1px solid #336faa;}
Shades and Tints of #336faa
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, #010304 is the darkest color, while #f4f8fc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#060c13
#060c13
rgb(6,12,19)
-
#0a1622
#0a1622
rgb(10,22,34)
-
#0f2031
#0f2031
rgb(15,32,49)
-
#132a40
#132a40
rgb(19,42,64)
-
#18344f
#18344f
rgb(24,52,79)
-
#1c3e5f
#1c3e5f
rgb(28,62,95)
-
#21486e
#21486e
rgb(33,72,110)
-
#25517d
#25517d
rgb(37,81,125)
-
#2a5b8c
#2a5b8c
rgb(42,91,140)
-
#2e659b
#2e659b
rgb(46,101,155)
-
#336faa
#336faa
rgb(51,111,170)
-
#3879b9
#3879b9
rgb(56,121,185)
-
#3f83c5
#3f83c5
rgb(63,131,197)
-
#4e8cca
#4e8cca
rgb(78,140,202)
-
#5d96ce
#5d96ce
rgb(93,150,206)
-
#6ca0d3
#6ca0d3
rgb(108,160,211)
-
#7baad7
#7baad7
rgb(123,170,215)
-
#8ab3dc
#8ab3dc
rgb(138,179,220)
-
#99bde1
#99bde1
rgb(153,189,225)
-
#a8c7e5
#a8c7e5
rgb(168,199,229)
-
#b8d1ea
#b8d1ea
rgb(184,209,234)
-
#c7dbee
#c7dbee
rgb(199,219,238)
-
#d6e4f3
#d6e4f3
rgb(214,228,243)
-
#e5eef7
#e5eef7
rgb(229,238,247)
-
#f4f8fc
#f4f8fc
rgb(244,248,252)
Tones of #336faa
A tone is produced by adding gray to any pure hue. In this case, #666f77 is the less saturated color, while #006fdd is the most saturated one.
-
#666f77
#666f77
rgb(102,111,119)
-
#5e6f80
#5e6f80
rgb(94,111,128)
-
#556f88
#556f88
rgb(85,111,136)
-
#4d6f91
#4d6f91
rgb(77,111,145)
-
#446f99
#446f99
rgb(68,111,153)
-
#3c6fa2
#3c6fa2
rgb(60,111,162)
-
#336faa
#336faa
rgb(51,111,170)
-
#2b6fb3
#2b6fb3
rgb(43,111,179)
-
#226fbb
#226fbb
rgb(34,111,187)
-
#1a6fc4
#1a6fc4
rgb(26,111,196)
-
#116fcc
#116fcc
rgb(17,111,204)
-
#096fd5
#096fd5
rgb(9,111,213)
-
#006fdd
#006fdd
rgb(0,111,221)
Color Blindness Simulator
Below, you can see how #336faa 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.