#336bd7 Color Information
In a RGB color space, hex #336bd7 is composed of 20% red, 42% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 50.2% magenta, 0% yellow and 15.7% black. It has a hue angle of 219.5 degrees, a saturation of 67.2% and a lightness of 52.2%. #336bd7 color hex could be obtained by blending #66d6ff with #0000af. Closest websafe color is: #3366cc.
-
- R 20
- G 42
- B 84
-
- C 76
- M 50
- Y 0
- K 16
● #336bd7 color description : Strong blue.
#336bd7 Color Conversion
The hexadecimal color #336bd7 has RGB values of R:51, G:107, B:215 and CMYK values of C:0.76, M:0.5, Y:0, K:0.16. Its decimal value is 3369943.
Hex triplet | 336bd7 | #336bd7 |
---|---|---|
RGB Decimal | 51, 107, 215 | rgb(51,107,215) |
RGB Percent | 20, 42, 84.3 | rgb(20%,42%,84.3%) |
CMYK | 76, 50, 0, 16 | |
HSL | 219.5°, 67.2, 52.2 | hsl(219.5,67.2%,52.2%) |
HSV (or HSB) | 219.5°, 76.3, 84.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.137, 19.626, -60.749 |
---|---|
XYZ | 18.886, 16.124, 66.403 |
xyY | 0.186, 0.159, 16.124 |
CIE-LCH | 47.137, 63.84, 287.904 |
CIE-LUV | 47.137, -20.588, -93.654 |
Hunter-Lab | 40.155, 13.683, -69.938 |
Binary | 00110011, 01101011, 11010111 |
Color Schemes with #336bd7
Alternatives to #336bd7
Below, you can see some colors close to #336bd7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336bd7 Preview
This text has a font color of #336bd7.
<span style="color:#336bd7;">Text here</span>
This paragraph has a background color of #336bd7.
<p style="background-color:#336bd7;">Content here</p>
This element has a border color of #336bd7.
<div style="border:1px solid #336bd7;">Content here</div>
.text {color:#336bd7;}
.background {background-color:#336bd7;}
.border {border:1px solid #336bd7;}
Shades and Tints of #336bd7
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, #020409 is the darkest color, while #f8fafe is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#050c1a
#050c1a
rgb(5,12,26)
-
#08142a
#08142a
rgb(8,20,42)
-
#0b1b3a
#0b1b3a
rgb(11,27,58)
-
#0f234b
#0f234b
rgb(15,35,75)
-
#122b5b
#122b5b
rgb(18,43,91)
-
#15336c
#15336c
rgb(21,51,108)
-
#183a7c
#183a7c
rgb(24,58,124)
-
#1c428c
#1c428c
rgb(28,66,140)
-
#1f4a9d
#1f4a9d
rgb(31,74,157)
-
#2252ad
#2252ad
rgb(34,82,173)
-
#2559be
#2559be
rgb(37,89,190)
-
#2861ce
#2861ce
rgb(40,97,206)
-
#336bd7
#336bd7
rgb(51,107,215)
-
#4377da
#4377da
rgb(67,119,218)
-
#5483dd
#5483dd
rgb(84,131,221)
-
#648fe1
#648fe1
rgb(100,143,225)
-
#759be4
#759be4
rgb(117,155,228)
-
#85a6e7
#85a6e7
rgb(133,166,231)
-
#95b2ea
#95b2ea
rgb(149,178,234)
-
#a6beee
#a6beee
rgb(166,190,238)
-
#b6caf1
#b6caf1
rgb(182,202,241)
-
#c7d6f4
#c7d6f4
rgb(199,214,244)
-
#d7e2f7
#d7e2f7
rgb(215,226,247)
-
#e7eefa
#e7eefa
rgb(231,238,250)
-
#f8fafe
#f8fafe
rgb(248,250,254)
Tones of #336bd7
A tone is produced by adding gray to any pure hue. In this case, #7e838c is the less saturated color, while #0d5ffd is the most saturated one.
-
#7e838c
#7e838c
rgb(126,131,140)
-
#758095
#758095
rgb(117,128,149)
-
#6b7d9f
#6b7d9f
rgb(107,125,159)
-
#627aa8
#627aa8
rgb(98,122,168)
-
#5977b1
#5977b1
rgb(89,119,177)
-
#4f74bb
#4f74bb
rgb(79,116,187)
-
#4671c4
#4671c4
rgb(70,113,196)
-
#3c6ece
#3c6ece
rgb(60,110,206)
-
#336bd7
#336bd7
rgb(51,107,215)
-
#2a68e0
#2a68e0
rgb(42,104,224)
-
#2065ea
#2065ea
rgb(32,101,234)
-
#1762f3
#1762f3
rgb(23,98,243)
-
#0d5ffd
#0d5ffd
rgb(13,95,253)
Color Blindness Simulator
Below, you can see how #336bd7 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.