#336ac5 Color Information
In a RGB color space, hex #336ac5 is composed of 20% red, 41.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 46.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 217.4 degrees, a saturation of 58.9% and a lightness of 48.6%. #336ac5 color hex could be obtained by blending #66d4ff with #00008b. Closest websafe color is: #3366cc.
-
- R 20
- G 42
- B 77
-
- C 74
- M 46
- Y 0
- K 23
● #336ac5 color description : Moderate blue.
#336ac5 Color Conversion
The hexadecimal color #336ac5 has RGB values of R:51, G:106, B:197 and CMYK values of C:0.74, M:0.46, Y:0, K:0.23. Its decimal value is 3369669.
Hex triplet | 336ac5 | #336ac5 |
---|---|---|
RGB Decimal | 51, 106, 197 | rgb(51,106,197) |
RGB Percent | 20, 41.6, 77.3 | rgb(20%,41.6%,77.3%) |
CMYK | 74, 46, 0, 23 | |
HSL | 217.4°, 58.9, 48.6 | hsl(217.4,58.9%,48.6%) |
HSV (or HSB) | 217.4°, 74.1, 77.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 45.691, 13.547, -52.771 |
---|---|
XYZ | 16.595, 15.042, 54.849 |
xyY | 0.192, 0.174, 15.042 |
CIE-LCH | 45.691, 54.482, 284.397 |
CIE-LUV | 45.691, -20.582, -80.502 |
Hunter-Lab | 38.784, 8.506, -56.701 |
Binary | 00110011, 01101010, 11000101 |
Color Schemes with #336ac5
Alternatives to #336ac5
Below, you can see some colors close to #336ac5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336ac5 Preview
This text has a font color of #336ac5.
<span style="color:#336ac5;">Text here</span>
This paragraph has a background color of #336ac5.
<p style="background-color:#336ac5;">Content here</p>
This element has a border color of #336ac5.
<div style="border:1px solid #336ac5;">Content here</div>
.text {color:#336ac5;}
.background {background-color:#336ac5;}
.border {border:1px solid #336ac5;}
Shades and Tints of #336ac5
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, #03050a is the darkest color, while #f9fbfe is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#070e1a
#070e1a
rgb(7,14,26)
-
#0b1629
#0b1629
rgb(11,22,41)
-
#0f1f39
#0f1f39
rgb(15,31,57)
-
#132748
#132748
rgb(19,39,72)
-
#172f58
#172f58
rgb(23,47,88)
-
#1b3868
#1b3868
rgb(27,56,104)
-
#1f4077
#1f4077
rgb(31,64,119)
-
#234887
#234887
rgb(35,72,135)
-
#275196
#275196
rgb(39,81,150)
-
#2b59a6
#2b59a6
rgb(43,89,166)
-
#2f62b5
#2f62b5
rgb(47,98,181)
-
#336ac5
#336ac5
rgb(51,106,197)
-
#3e74cd
#3e74cd
rgb(62,116,205)
-
#4e7fd1
#4e7fd1
rgb(78,127,209)
-
#5e8bd5
#5e8bd5
rgb(94,139,213)
-
#6d96d9
#6d96d9
rgb(109,150,217)
-
#7da1dd
#7da1dd
rgb(125,161,221)
-
#8cace1
#8cace1
rgb(140,172,225)
-
#9cb8e5
#9cb8e5
rgb(156,184,229)
-
#acc3e9
#acc3e9
rgb(172,195,233)
-
#bbceed
#bbceed
rgb(187,206,237)
-
#cbd9f1
#cbd9f1
rgb(203,217,241)
-
#dae5f5
#dae5f5
rgb(218,229,245)
-
#eaf0fa
#eaf0fa
rgb(234,240,250)
-
#f9fbfe
#f9fbfe
rgb(249,251,254)
Tones of #336ac5
A tone is produced by adding gray to any pure hue. In this case, #767a82 is the less saturated color, while #035ef5 is the most saturated one.
-
#767a82
#767a82
rgb(118,122,130)
-
#6c788c
#6c788c
rgb(108,120,140)
-
#637695
#637695
rgb(99,118,149)
-
#59739f
#59739f
rgb(89,115,159)
-
#5071a8
#5071a8
rgb(80,113,168)
-
#466fb2
#466fb2
rgb(70,111,178)
-
#3d6cbb
#3d6cbb
rgb(61,108,187)
-
#336ac5
#336ac5
rgb(51,106,197)
-
#2968cf
#2968cf
rgb(41,104,207)
-
#2065d8
#2065d8
rgb(32,101,216)
-
#1663e2
#1663e2
rgb(22,99,226)
-
#0d61eb
#0d61eb
rgb(13,97,235)
-
#035ef5
#035ef5
rgb(3,94,245)
Color Blindness Simulator
Below, you can see how #336ac5 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.