#336bea Color Information
In a RGB color space, hex #336bea is composed of 20% red, 42% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 54.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 221.6 degrees, a saturation of 81.3% and a lightness of 55.9%. #336bea color hex could be obtained by blending #66d6ff with #0000d5. Closest websafe color is: #3366ff.
-
- R 20
- G 42
- B 92
-
- C 78
- M 54
- Y 0
- K 8
● #336bea color description : Bright blue.
#336bea Color Conversion
The hexadecimal color #336bea has RGB values of R:51, G:107, B:234 and CMYK values of C:0.78, M:0.54, Y:0, K:0.08. Its decimal value is 3369962.
Hex triplet | 336bea | #336bea |
---|---|---|
RGB Decimal | 51, 107, 234 | rgb(51,107,234) |
RGB Percent | 20, 42, 91.8 | rgb(20%,42%,91.8%) |
CMYK | 78, 54, 0, 8 | |
HSL | 221.6°, 81.3, 55.9 | hsl(221.6,81.3%,55.9%) |
HSV (or HSB) | 221.6°, 78.2, 91.8 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 48.459, 26.676, -69.348 |
---|---|
XYZ | 21.471, 17.158, 80.018 |
xyY | 0.181, 0.145, 17.158 |
CIE-LCH | 48.459, 74.302, 291.04 |
CIE-LUV | 48.459, -20.364, -107.558 |
Hunter-Lab | 41.422, 20.035, -85.538 |
Binary | 00110011, 01101011, 11101010 |
Color Schemes with #336bea
Alternatives to #336bea
Below, you can see some colors close to #336bea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336bea Preview
This text has a font color of #336bea.
<span style="color:#336bea;">Text here</span>
This paragraph has a background color of #336bea.
<p style="background-color:#336bea;">Content here</p>
This element has a border color of #336bea.
<div style="border:1px solid #336bea;">Content here</div>
.text {color:#336bea;}
.background {background-color:#336bea;}
.border {border:1px solid #336bea;}
Shades and Tints of #336bea
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, #010409 is the darkest color, while #f7f9fe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#030a1b
#030a1b
rgb(3,10,27)
-
#05112d
#05112d
rgb(5,17,45)
-
#06183f
#06183f
rgb(6,24,63)
-
#081e51
#081e51
rgb(8,30,81)
-
#0a2562
#0a2562
rgb(10,37,98)
-
#0c2c74
#0c2c74
rgb(12,44,116)
-
#0e3386
#0e3386
rgb(14,51,134)
-
#103998
#103998
rgb(16,57,152)
-
#1140a9
#1140a9
rgb(17,64,169)
-
#1347bb
#1347bb
rgb(19,71,187)
-
#154dcd
#154dcd
rgb(21,77,205)
-
#1754df
#1754df
rgb(23,84,223)
-
#215ee8
#215ee8
rgb(33,94,232)
-
#336bea
#336bea
rgb(51,107,234)
-
#4578ec
#4578ec
rgb(69,120,236)
-
#5785ee
#5785ee
rgb(87,133,238)
-
#6892ef
#6892ef
rgb(104,146,239)
-
#7a9ff1
#7a9ff1
rgb(122,159,241)
-
#8cacf3
#8cacf3
rgb(140,172,243)
-
#9eb8f5
#9eb8f5
rgb(158,184,245)
-
#afc5f7
#afc5f7
rgb(175,197,247)
-
#c1d2f9
#c1d2f9
rgb(193,210,249)
-
#d3dffa
#d3dffa
rgb(211,223,250)
-
#e5ecfc
#e5ecfc
rgb(229,236,252)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #336bea
A tone is produced by adding gray to any pure hue. In this case, #8a8d93 is the less saturated color, while #2264fb is the most saturated one.
-
#8a8d93
#8a8d93
rgb(138,141,147)
-
#81899c
#81899c
rgb(129,137,156)
-
#7886a5
#7886a5
rgb(120,134,165)
-
#7083ad
#7083ad
rgb(112,131,173)
-
#677fb6
#677fb6
rgb(103,127,182)
-
#5e7cbf
#5e7cbf
rgb(94,124,191)
-
#5678c7
#5678c7
rgb(86,120,199)
-
#4d75d0
#4d75d0
rgb(77,117,208)
-
#4472d9
#4472d9
rgb(68,114,217)
-
#3c6ee1
#3c6ee1
rgb(60,110,225)
-
#336bea
#336bea
rgb(51,107,234)
-
#2a68f3
#2a68f3
rgb(42,104,243)
-
#2264fb
#2264fb
rgb(34,100,251)
Color Blindness Simulator
Below, you can see how #336bea 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.