#336ae7 Color Information
In a RGB color space, hex #336ae7 is composed of 20% red, 41.6% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 54.1% magenta, 0% yellow and 9.4% black. It has a hue angle of 221.7 degrees, a saturation of 78.9% and a lightness of 55.3%. #336ae7 color hex could be obtained by blending #66d4ff with #0000cf. Closest websafe color is: #3366ff.
-
- R 20
- G 42
- B 91
-
- C 78
- M 54
- Y 0
- K 9
● #336ae7 color description : Bright blue.
#336ae7 Color Conversion
The hexadecimal color #336ae7 has RGB values of R:51, G:106, B:231 and CMYK values of C:0.78, M:0.54, Y:0, K:0.09. Its decimal value is 3369703.
Hex triplet | 336ae7 | #336ae7 |
---|---|---|
RGB Decimal | 51, 106, 231 | rgb(51,106,231) |
RGB Percent | 20, 41.6, 90.6 | rgb(20%,41.6%,90.6%) |
CMYK | 78, 54, 0, 9 | |
HSL | 221.7°, 78.9, 55.3 | hsl(221.7,78.9%,55.3%) |
HSV (or HSB) | 221.7°, 77.9, 90.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 47.981, 26.201, -68.436 |
---|---|
XYZ | 20.94, 16.78, 77.732 |
xyY | 0.181, 0.145, 16.78 |
CIE-LCH | 47.981, 73.28, 290.95 |
CIE-LUV | 47.981, -20.117, -105.903 |
Hunter-Lab | 40.963, 19.562, -83.835 |
Binary | 00110011, 01101010, 11100111 |
Color Schemes with #336ae7
Alternatives to #336ae7
Below, you can see some colors close to #336ae7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336ae7 Preview
This text has a font color of #336ae7.
<span style="color:#336ae7;">Text here</span>
This paragraph has a background color of #336ae7.
<p style="background-color:#336ae7;">Content here</p>
This element has a border color of #336ae7.
<div style="border:1px solid #336ae7;">Content here</div>
.text {color:#336ae7;}
.background {background-color:#336ae7;}
.border {border:1px solid #336ae7;}
Shades and Tints of #336ae7
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, #010307 is the darkest color, while #f4f7fe is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#030918
#030918
rgb(3,9,24)
-
#05102a
#05102a
rgb(5,16,42)
-
#07173b
#07173b
rgb(7,23,59)
-
#091e4d
#091e4d
rgb(9,30,77)
-
#0b255e
#0b255e
rgb(11,37,94)
-
#0d2b70
#0d2b70
rgb(13,43,112)
-
#0f3281
#0f3281
rgb(15,50,129)
-
#113993
#113993
rgb(17,57,147)
-
#1340a5
#1340a5
rgb(19,64,165)
-
#1547b6
#1547b6
rgb(21,71,182)
-
#174dc8
#174dc8
rgb(23,77,200)
-
#1a54d9
#1a54d9
rgb(26,84,217)
-
#215de5
#215de5
rgb(33,93,229)
-
#336ae7
#336ae7
rgb(51,106,231)
-
#4577e9
#4577e9
rgb(69,119,233)
-
#5684eb
#5684eb
rgb(86,132,235)
-
#6890ed
#6890ed
rgb(104,144,237)
-
#799def
#799def
rgb(121,157,239)
-
#8baaf1
#8baaf1
rgb(139,170,241)
-
#9cb7f3
#9cb7f3
rgb(156,183,243)
-
#aec4f5
#aec4f5
rgb(174,196,245)
-
#bfd1f8
#bfd1f8
rgb(191,209,248)
-
#d1ddfa
#d1ddfa
rgb(209,221,250)
-
#e3eafc
#e3eafc
rgb(227,234,252)
-
#f4f7fe
#f4f7fe
rgb(244,247,254)
Tones of #336ae7
A tone is produced by adding gray to any pure hue. In this case, #8b8c8f is the less saturated color, while #2163f9 is the most saturated one.
-
#8b8c8f
#8b8c8f
rgb(139,140,143)
-
#828998
#828998
rgb(130,137,152)
-
#7985a1
#7985a1
rgb(121,133,161)
-
#7082aa
#7082aa
rgb(112,130,170)
-
#687eb2
#687eb2
rgb(104,126,178)
-
#5f7bbb
#5f7bbb
rgb(95,123,187)
-
#5678c4
#5678c4
rgb(86,120,196)
-
#4d74cd
#4d74cd
rgb(77,116,205)
-
#4571d5
#4571d5
rgb(69,113,213)
-
#3c6dde
#3c6dde
rgb(60,109,222)
-
#336ae7
#336ae7
rgb(51,106,231)
-
#2a67f0
#2a67f0
rgb(42,103,240)
-
#2163f9
#2163f9
rgb(33,99,249)
Color Blindness Simulator
Below, you can see how #336ae7 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.