#336be7 Color Information
In a RGB color space, hex #336be7 is composed of 20% red, 42% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 53.7% magenta, 0% yellow and 9.4% black. It has a hue angle of 221.3 degrees, a saturation of 78.9% and a lightness of 55.3%. #336be7 color hex could be obtained by blending #66d6ff with #0000cf. Closest websafe color is: #3366ff.
-
- R 20
- G 42
- B 91
-
- C 78
- M 54
- Y 0
- K 9
● #336be7 color description : Bright blue.
#336be7 Color Conversion
The hexadecimal color #336be7 has RGB values of R:51, G:107, B:231 and CMYK values of C:0.78, M:0.54, Y:0, K:0.09. Its decimal value is 3369959.
Hex triplet | 336be7 | #336be7 |
---|---|---|
RGB Decimal | 51, 107, 231 | rgb(51,107,231) |
RGB Percent | 20, 42, 90.6 | rgb(20%,42%,90.6%) |
CMYK | 78, 54, 0, 9 | |
HSL | 221.3°, 78.9, 55.3 | hsl(221.3,78.9%,55.3%) |
HSV (or HSB) | 221.3°, 77.9, 90.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 48.244, 25.568, -68.01 |
---|---|
XYZ | 21.044, 16.987, 77.767 |
xyY | 0.182, 0.147, 16.987 |
CIE-LCH | 48.244, 72.657, 290.603 |
CIE-LUV | 48.244, -20.393, -105.404 |
Hunter-Lab | 41.215, 19.011, -83.02 |
Binary | 00110011, 01101011, 11100111 |
Color Schemes with #336be7
Alternatives to #336be7
Below, you can see some colors close to #336be7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336be7 Preview
This text has a font color of #336be7.
<span style="color:#336be7;">Text here</span>
This paragraph has a background color of #336be7.
<p style="background-color:#336be7;">Content here</p>
This element has a border color of #336be7.
<div style="border:1px solid #336be7;">Content here</div>
.text {color:#336be7;}
.background {background-color:#336be7;}
.border {border:1px solid #336be7;}
Shades and Tints of #336be7
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)
-
#0d2c70
#0d2c70
rgb(13,44,112)
-
#0f3381
#0f3381
rgb(15,51,129)
-
#113a93
#113a93
rgb(17,58,147)
-
#1341a5
#1341a5
rgb(19,65,165)
-
#1547b6
#1547b6
rgb(21,71,182)
-
#174ec8
#174ec8
rgb(23,78,200)
-
#1a55d9
#1a55d9
rgb(26,85,217)
-
#215ee5
#215ee5
rgb(33,94,229)
-
#336be7
#336be7
rgb(51,107,231)
-
#4578e9
#4578e9
rgb(69,120,233)
-
#5684eb
#5684eb
rgb(86,132,235)
-
#6891ed
#6891ed
rgb(104,145,237)
-
#799eef
#799eef
rgb(121,158,239)
-
#8babf1
#8babf1
rgb(139,171,241)
-
#9cb7f3
#9cb7f3
rgb(156,183,243)
-
#aec4f5
#aec4f5
rgb(174,196,245)
-
#bfd1f8
#bfd1f8
rgb(191,209,248)
-
#d1defa
#d1defa
rgb(209,222,250)
-
#e3eafc
#e3eafc
rgb(227,234,252)
-
#f4f7fe
#f4f7fe
rgb(244,247,254)
Tones of #336be7
A tone is produced by adding gray to any pure hue. In this case, #8b8c8f is the less saturated color, while #2164f9 is the most saturated one.
-
#8b8c8f
#8b8c8f
rgb(139,140,143)
-
#828998
#828998
rgb(130,137,152)
-
#7986a1
#7986a1
rgb(121,134,161)
-
#7082aa
#7082aa
rgb(112,130,170)
-
#687fb2
#687fb2
rgb(104,127,178)
-
#5f7cbb
#5f7cbb
rgb(95,124,187)
-
#5678c4
#5678c4
rgb(86,120,196)
-
#4d75cd
#4d75cd
rgb(77,117,205)
-
#4572d5
#4572d5
rgb(69,114,213)
-
#3c6ede
#3c6ede
rgb(60,110,222)
-
#336be7
#336be7
rgb(51,107,231)
-
#2a68f0
#2a68f0
rgb(42,104,240)
-
#2164f9
#2164f9
rgb(33,100,249)
Color Blindness Simulator
Below, you can see how #336be7 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.