#336af0 Color Information
In a RGB color space, hex #336af0 is composed of 20% red, 41.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 55.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 222.5 degrees, a saturation of 86.3% and a lightness of 57.1%. #336af0 color hex could be obtained by blending #66d4ff with #0000e1. Closest websafe color is: #3366ff.
-
- R 20
- G 42
- B 94
-
- C 79
- M 56
- Y 0
- K 6
● #336af0 color description : Bright blue.
#336af0 Color Conversion
The hexadecimal color #336af0 has RGB values of R:51, G:106, B:240 and CMYK values of C:0.79, M:0.56, Y:0, K:0.06. Its decimal value is 3369712.
Hex triplet | 336af0 | #336af0 |
---|---|---|
RGB Decimal | 51, 106, 240 | rgb(51,106,240) |
RGB Percent | 20, 41.6, 94.1 | rgb(20%,41.6%,94.1%) |
CMYK | 79, 56, 0, 6 | |
HSL | 222.5°, 86.3, 57.1 | hsl(222.5,86.3%,57.1%) |
HSV (or HSB) | 222.5°, 78.8, 94.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 48.638, 29.516, -72.422 |
---|---|
XYZ | 22.244, 17.301, 84.6 |
xyY | 0.179, 0.139, 17.301 |
CIE-LCH | 48.638, 78.205, 292.174 |
CIE-LUV | 48.638, -20.047, -112.29 |
Hunter-Lab | 41.595, 22.666, -91.474 |
Binary | 00110011, 01101010, 11110000 |
Color Schemes with #336af0
Alternatives to #336af0
Below, you can see some colors close to #336af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336af0 Preview
This text has a font color of #336af0.
<span style="color:#336af0;">Text here</span>
This paragraph has a background color of #336af0.
<p style="background-color:#336af0;">Content here</p>
This element has a border color of #336af0.
<div style="border:1px solid #336af0;">Content here</div>
.text {color:#336af0;}
.background {background-color:#336af0;}
.border {border:1px solid #336af0;}
Shades and Tints of #336af0
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, #01050f is the darkest color, while #fcfdff is the lightest one.
-
#01050f
#01050f
rgb(1,5,15)
-
#020c22
#020c22
rgb(2,12,34)
-
#041234
#041234
rgb(4,18,52)
-
#051846
#051846
rgb(5,24,70)
-
#061e58
#061e58
rgb(6,30,88)
-
#08256b
#08256b
rgb(8,37,107)
-
#092b7d
#092b7d
rgb(9,43,125)
-
#0b318f
#0b318f
rgb(11,49,143)
-
#0c37a1
#0c37a1
rgb(12,55,161)
-
#0d3eb4
#0d3eb4
rgb(13,62,180)
-
#0f44c6
#0f44c6
rgb(15,68,198)
-
#104ad8
#104ad8
rgb(16,74,216)
-
#1150eb
#1150eb
rgb(17,80,235)
-
#215def
#215def
rgb(33,93,239)
-
#336af0
#336af0
rgb(51,106,240)
-
#4577f1
#4577f1
rgb(69,119,241)
-
#5885f3
#5885f3
rgb(88,133,243)
-
#6a92f4
#6a92f4
rgb(106,146,244)
-
#7c9ff5
#7c9ff5
rgb(124,159,245)
-
#8eadf7
#8eadf7
rgb(142,173,247)
-
#a1baf8
#a1baf8
rgb(161,186,248)
-
#b3c7f9
#b3c7f9
rgb(179,199,249)
-
#c5d5fb
#c5d5fb
rgb(197,213,251)
-
#d7e2fc
#d7e2fc
rgb(215,226,252)
-
#eaeffd
#eaeffd
rgb(234,239,253)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #336af0
A tone is produced by adding gray to any pure hue. In this case, #909193 is the less saturated color, while #2b66f8 is the most saturated one.
-
#909193
#909193
rgb(144,145,147)
-
#878d9c
#878d9c
rgb(135,141,156)
-
#7f8aa4
#7f8aa4
rgb(127,138,164)
-
#7686ad
#7686ad
rgb(118,134,173)
-
#6e83b5
#6e83b5
rgb(110,131,181)
-
#667fbd
#667fbd
rgb(102,127,189)
-
#5d7cc6
#5d7cc6
rgb(93,124,198)
-
#5578ce
#5578ce
rgb(85,120,206)
-
#4c75d7
#4c75d7
rgb(76,117,215)
-
#4471df
#4471df
rgb(68,113,223)
-
#3b6ee8
#3b6ee8
rgb(59,110,232)
-
#336af0
#336af0
rgb(51,106,240)
-
#2b66f8
#2b66f8
rgb(43,102,248)
Color Blindness Simulator
Below, you can see how #336af0 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.