#336afb Color Information
In a RGB color space, hex #336afb is composed of 20% red, 41.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 57.8% magenta, 0% yellow and 1.6% black. It has a hue angle of 223.5 degrees, a saturation of 96.2% and a lightness of 59.2%. #336afb color hex could be obtained by blending #66d4ff with #0000f7. Closest websafe color is: #3366ff.
-
- R 20
- G 42
- B 98
-
- C 80
- M 58
- Y 0
- K 2
● #336afb color description : Bright blue.
#336afb Color Conversion
The hexadecimal color #336afb has RGB values of R:51, G:106, B:251 and CMYK values of C:0.8, M:0.58, Y:0, K:0.02. Its decimal value is 3369723.
Hex triplet | 336afb | #336afb |
---|---|---|
RGB Decimal | 51, 106, 251 | rgb(51,106,251) |
RGB Percent | 20, 41.6, 98.4 | rgb(20%,41.6%,98.4%) |
CMYK | 80, 58, 0, 2 | |
HSL | 223.5°, 96.2, 59.2 | hsl(223.5,96.2%,59.2%) |
HSV (or HSB) | 223.5°, 79.7, 98.4 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.466, 33.533, -77.207 |
---|---|
XYZ | 23.928, 17.975, 93.47 |
xyY | 0.177, 0.133, 17.975 |
CIE-LCH | 49.466, 84.175, 293.477 |
CIE-LUV | 49.466, -19.988, -119.917 |
Hunter-Lab | 42.397, 26.547, -101.035 |
Binary | 00110011, 01101010, 11111011 |
Color Schemes with #336afb
Alternatives to #336afb
Below, you can see some colors close to #336afb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336afb Preview
This text has a font color of #336afb.
<span style="color:#336afb;">Text here</span>
This paragraph has a background color of #336afb.
<p style="background-color:#336afb;">Content here</p>
This element has a border color of #336afb.
<div style="border:1px solid #336afb;">Content here</div>
.text {color:#336afb;}
.background {background-color:#336afb;}
.border {border:1px solid #336afb;}
Shades and Tints of #336afb
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, #000208 is the darkest color, while #f3f7ff is the lightest one.
-
#000208
#000208
rgb(0,2,8)
-
#01081b
#01081b
rgb(1,8,27)
-
#010d2e
#010d2e
rgb(1,13,46)
-
#011341
#011341
rgb(1,19,65)
-
#021855
#021855
rgb(2,24,85)
-
#021e68
#021e68
rgb(2,30,104)
-
#02247b
#02247b
rgb(2,36,123)
-
#03298e
#03298e
rgb(3,41,142)
-
#032fa2
#032fa2
rgb(3,47,162)
-
#0434b5
#0434b5
rgb(4,52,181)
-
#043ac8
#043ac8
rgb(4,58,200)
-
#043fdb
#043fdb
rgb(4,63,219)
-
#0545ee
#0545ee
rgb(5,69,238)
-
#0d4efa
#0d4efa
rgb(13,78,250)
-
#205cfb
#205cfb
rgb(32,92,251)
-
#336afb
#336afb
rgb(51,106,251)
-
#4678fb
#4678fb
rgb(70,120,251)
-
#5986fc
#5986fc
rgb(89,134,252)
-
#6d94fc
#6d94fc
rgb(109,148,252)
-
#80a2fd
#80a2fd
rgb(128,162,253)
-
#93b0fd
#93b0fd
rgb(147,176,253)
-
#a6befd
#a6befd
rgb(166,190,253)
-
#baccfe
#baccfe
rgb(186,204,254)
-
#cddafe
#cddafe
rgb(205,218,254)
-
#e0e8fe
#e0e8fe
rgb(224,232,254)
-
#f3f7ff
#f3f7ff
rgb(243,247,255)
Tones of #336afb
A tone is produced by adding gray to any pure hue. In this case, #93959b is the less saturated color, while #336afb is the most saturated one.
-
#93959b
#93959b
rgb(147,149,155)
-
#8b92a3
#8b92a3
rgb(139,146,163)
-
#838eab
#838eab
rgb(131,142,171)
-
#7b8ab3
#7b8ab3
rgb(123,138,179)
-
#7387bb
#7387bb
rgb(115,135,187)
-
#6b83c3
#6b83c3
rgb(107,131,195)
-
#6380cb
#6380cb
rgb(99,128,203)
-
#5b7cd3
#5b7cd3
rgb(91,124,211)
-
#5378db
#5378db
rgb(83,120,219)
-
#4b75e3
#4b75e3
rgb(75,117,227)
-
#4371eb
#4371eb
rgb(67,113,235)
-
#3b6ef3
#3b6ef3
rgb(59,110,243)
-
#336afb
#336afb
rgb(51,106,251)
Color Blindness Simulator
Below, you can see how #336afb 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.