#336ad7 Color Information
In a RGB color space, hex #336ad7 is composed of 20% red, 41.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 50.7% magenta, 0% yellow and 15.7% black. It has a hue angle of 219.9 degrees, a saturation of 67.2% and a lightness of 52.2%. #336ad7 color hex could be obtained by blending #66d4ff with #0000af. Closest websafe color is: #3366cc.
-
- R 20
- G 42
- B 84
-
- C 76
- M 51
- Y 0
- K 16
● #336ad7 color description : Strong blue.
#336ad7 Color Conversion
The hexadecimal color #336ad7 has RGB values of R:51, G:106, B:215 and CMYK values of C:0.76, M:0.51, Y:0, K:0.16. Its decimal value is 3369687.
Hex triplet | 336ad7 | #336ad7 |
---|---|---|
RGB Decimal | 51, 106, 215 | rgb(51,106,215) |
RGB Percent | 20, 41.6, 84.3 | rgb(20%,41.6%,84.3%) |
CMYK | 76, 51, 0, 16 | |
HSL | 219.9°, 67.2, 52.2 | hsl(219.9,67.2%,52.2%) |
HSV (or HSB) | 219.9°, 76.3, 84.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.865, 20.263, -61.188 |
---|---|
XYZ | 18.782, 15.917, 66.369 |
xyY | 0.186, 0.157, 15.917 |
CIE-LCH | 46.865, 64.456, 288.323 |
CIE-LUV | 46.865, -20.296, -94.208 |
Hunter-Lab | 39.896, 14.217, -70.705 |
Binary | 00110011, 01101010, 11010111 |
Color Schemes with #336ad7
Alternatives to #336ad7
Below, you can see some colors close to #336ad7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336ad7 Preview
This text has a font color of #336ad7.
<span style="color:#336ad7;">Text here</span>
This paragraph has a background color of #336ad7.
<p style="background-color:#336ad7;">Content here</p>
This element has a border color of #336ad7.
<div style="border:1px solid #336ad7;">Content here</div>
.text {color:#336ad7;}
.background {background-color:#336ad7;}
.border {border:1px solid #336ad7;}
Shades and Tints of #336ad7
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)
-
#122a5b
#122a5b
rgb(18,42,91)
-
#15326c
#15326c
rgb(21,50,108)
-
#183a7c
#183a7c
rgb(24,58,124)
-
#1c418c
#1c418c
rgb(28,65,140)
-
#1f499d
#1f499d
rgb(31,73,157)
-
#2251ad
#2251ad
rgb(34,81,173)
-
#2558be
#2558be
rgb(37,88,190)
-
#2860ce
#2860ce
rgb(40,96,206)
-
#336ad7
#336ad7
rgb(51,106,215)
-
#4376da
#4376da
rgb(67,118,218)
-
#5482dd
#5482dd
rgb(84,130,221)
-
#648ee1
#648ee1
rgb(100,142,225)
-
#759ae4
#759ae4
rgb(117,154,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 #336ad7
A tone is produced by adding gray to any pure hue. In this case, #7e838c is the less saturated color, while #0d5efd is the most saturated one.
-
#7e838c
#7e838c
rgb(126,131,140)
-
#758095
#758095
rgb(117,128,149)
-
#6b7d9f
#6b7d9f
rgb(107,125,159)
-
#6279a8
#6279a8
rgb(98,121,168)
-
#5976b1
#5976b1
rgb(89,118,177)
-
#4f73bb
#4f73bb
rgb(79,115,187)
-
#4670c4
#4670c4
rgb(70,112,196)
-
#3c6dce
#3c6dce
rgb(60,109,206)
-
#336ad7
#336ad7
rgb(51,106,215)
-
#2a67e0
#2a67e0
rgb(42,103,224)
-
#2064ea
#2064ea
rgb(32,100,234)
-
#1761f3
#1761f3
rgb(23,97,243)
-
#0d5efd
#0d5efd
rgb(13,94,253)
Color Blindness Simulator
Below, you can see how #336ad7 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.