#336afc Color Information
In a RGB color space, hex #336afc is composed of 20% red, 41.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 57.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 223.6 degrees, a saturation of 97.1% and a lightness of 59.4%. #336afc color hex could be obtained by blending #66d4ff with #0000f9. Closest websafe color is: #3366ff.
-
- R 20
- G 42
- B 99
-
- C 80
- M 58
- Y 0
- K 1
● #336afc color description : Bright blue.
#336afc Color Conversion
The hexadecimal color #336afc has RGB values of R:51, G:106, B:252 and CMYK values of C:0.8, M:0.58, Y:0, K:0.01. Its decimal value is 3369724.
Hex triplet | 336afc | #336afc |
---|---|---|
RGB Decimal | 51, 106, 252 | rgb(51,106,252) |
RGB Percent | 20, 41.6, 98.8 | rgb(20%,41.6%,98.8%) |
CMYK | 80, 58, 0, 1 | |
HSL | 223.6°, 97.1, 59.4 | hsl(223.6,97.1%,59.4%) |
HSV (or HSB) | 223.6°, 79.8, 98.8 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.543, 33.897, -77.637 |
---|---|
XYZ | 24.086, 18.038, 94.302 |
xyY | 0.177, 0.132, 18.038 |
CIE-LCH | 49.543, 84.714, 293.586 |
CIE-LUV | 49.543, -19.984, -120.601 |
Hunter-Lab | 42.472, 26.905, -101.915 |
Binary | 00110011, 01101010, 11111100 |
Color Schemes with #336afc
Alternatives to #336afc
Below, you can see some colors close to #336afc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336afc Preview
This text has a font color of #336afc.
<span style="color:#336afc;">Text here</span>
This paragraph has a background color of #336afc.
<p style="background-color:#336afc;">Content here</p>
This element has a border color of #336afc.
<div style="border:1px solid #336afc;">Content here</div>
.text {color:#336afc;}
.background {background-color:#336afc;}
.border {border:1px solid #336afc;}
Shades and Tints of #336afc
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, #000209 is the darkest color, while #f4f7ff is the lightest one.
-
#000209
#000209
rgb(0,2,9)
-
#00081c
#00081c
rgb(0,8,28)
-
#010d2f
#010d2f
rgb(1,13,47)
-
#011343
#011343
rgb(1,19,67)
-
#011856
#011856
rgb(1,24,86)
-
#021e69
#021e69
rgb(2,30,105)
-
#02237d
#02237d
rgb(2,35,125)
-
#022990
#022990
rgb(2,41,144)
-
#022ea3
#022ea3
rgb(2,46,163)
-
#0334b7
#0334b7
rgb(3,52,183)
-
#0339ca
#0339ca
rgb(3,57,202)
-
#033fdd
#033fdd
rgb(3,63,221)
-
#0444f1
#0444f1
rgb(4,68,241)
-
#0c4efb
#0c4efb
rgb(12,78,251)
-
#205cfc
#205cfc
rgb(32,92,252)
-
#336afc
#336afc
rgb(51,106,252)
-
#4678fc
#4678fc
rgb(70,120,252)
-
#5a86fd
#5a86fd
rgb(90,134,253)
-
#6d94fd
#6d94fd
rgb(109,148,253)
-
#80a2fd
#80a2fd
rgb(128,162,253)
-
#94b1fd
#94b1fd
rgb(148,177,253)
-
#a7bffe
#a7bffe
rgb(167,191,254)
-
#bacdfe
#bacdfe
rgb(186,205,254)
-
#cedbfe
#cedbfe
rgb(206,219,254)
-
#e1e9ff
#e1e9ff
rgb(225,233,255)
-
#f4f7ff
#f4f7ff
rgb(244,247,255)
Tones of #336afc
A tone is produced by adding gray to any pure hue. In this case, #93959c is the less saturated color, while #336afc is the most saturated one.
-
#93959c
#93959c
rgb(147,149,156)
-
#8b92a4
#8b92a4
rgb(139,146,164)
-
#838eac
#838eac
rgb(131,142,172)
-
#7b8ab4
#7b8ab4
rgb(123,138,180)
-
#7387bc
#7387bc
rgb(115,135,188)
-
#6b83c4
#6b83c4
rgb(107,131,196)
-
#6380cc
#6380cc
rgb(99,128,204)
-
#5b7cd4
#5b7cd4
rgb(91,124,212)
-
#5378dc
#5378dc
rgb(83,120,220)
-
#4b75e4
#4b75e4
rgb(75,117,228)
-
#4371ec
#4371ec
rgb(67,113,236)
-
#3b6ef4
#3b6ef4
rgb(59,110,244)
-
#336afc
#336afc
rgb(51,106,252)
Color Blindness Simulator
Below, you can see how #336afc 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.