#337fe2 Color Information
In a RGB color space, hex #337fe2 is composed of 20% red, 49.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 43.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 213.9 degrees, a saturation of 75.1% and a lightness of 54.3%. #337fe2 color hex could be obtained by blending #66feff with #0000c5. Closest websafe color is: #3366cc.
-
- R 20
- G 50
- B 89
-
- C 77
- M 44
- Y 0
- K 11
● #337fe2 color description : Bright blue.
#337fe2 Color Conversion
The hexadecimal color #337fe2 has RGB values of R:51, G:127, B:226 and CMYK values of C:0.77, M:0.44, Y:0, K:0.11. Its decimal value is 3375074.
Hex triplet | 337fe2 | #337fe2 |
---|---|---|
RGB Decimal | 51, 127, 226 | rgb(51,127,226) |
RGB Percent | 20, 49.8, 88.6 | rgb(20%,49.8%,88.6%) |
CMYK | 77, 44, 0, 11 | |
HSL | 213.9°, 75.1, 54.3 | hsl(213.9,75.1%,54.3%) |
HSV (or HSB) | 213.9°, 77.4, 88.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 53.354, 11.182, -56.957 |
---|---|
XYZ | 22.679, 21.372, 74.877 |
xyY | 0.191, 0.18, 21.372 |
CIE-LCH | 53.354, 58.045, 281.107 |
CIE-LUV | 53.354, -26.424, -89.913 |
Hunter-Lab | 46.23, 6.665, -63.67 |
Binary | 00110011, 01111111, 11100010 |
Color Schemes with #337fe2
Alternatives to #337fe2
Below, you can see some colors close to #337fe2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#337fe2 Preview
This text has a font color of #337fe2.
<span style="color:#337fe2;">Text here</span>
This paragraph has a background color of #337fe2.
<p style="background-color:#337fe2;">Content here</p>
This element has a border color of #337fe2.
<div style="border:1px solid #337fe2;">Content here</div>
.text {color:#337fe2;}
.background {background-color:#337fe2;}
.border {border:1px solid #337fe2;}
Shades and Tints of #337fe2
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, #000102 is the darkest color, while #f0f6fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030a13
#030a13
rgb(3,10,19)
-
#051324
#051324
rgb(5,19,36)
-
#081c36
#081c36
rgb(8,28,54)
-
#0a2447
#0a2447
rgb(10,36,71)
-
#0d2d58
#0d2d58
rgb(13,45,88)
-
#0f3669
#0f3669
rgb(15,54,105)
-
#113f7a
#113f7a
rgb(17,63,122)
-
#14488b
#14488b
rgb(20,72,139)
-
#16519d
#16519d
rgb(22,81,157)
-
#1959ae
#1959ae
rgb(25,89,174)
-
#1b62bf
#1b62bf
rgb(27,98,191)
-
#1e6bd0
#1e6bd0
rgb(30,107,208)
-
#2274e0
#2274e0
rgb(34,116,224)
-
#337fe2
#337fe2
rgb(51,127,226)
-
#448ae4
#448ae4
rgb(68,138,228)
-
#5595e7
#5595e7
rgb(85,149,231)
-
#679fe9
#679fe9
rgb(103,159,233)
-
#78aaec
#78aaec
rgb(120,170,236)
-
#89b5ee
#89b5ee
rgb(137,181,238)
-
#9ac0f1
#9ac0f1
rgb(154,192,241)
-
#abcaf3
#abcaf3
rgb(171,202,243)
-
#bcd5f6
#bcd5f6
rgb(188,213,246)
-
#cee0f8
#cee0f8
rgb(206,224,248)
-
#dfebfa
#dfebfa
rgb(223,235,250)
-
#f0f6fd
#f0f6fd
rgb(240,246,253)
Tones of #337fe2
A tone is produced by adding gray to any pure hue. In this case, #848a91 is the less saturated color, while #187bfd is the most saturated one.
-
#848a91
#848a91
rgb(132,138,145)
-
#7b889a
#7b889a
rgb(123,136,154)
-
#7287a3
#7287a3
rgb(114,135,163)
-
#6986ac
#6986ac
rgb(105,134,172)
-
#6085b5
#6085b5
rgb(96,133,181)
-
#5784be
#5784be
rgb(87,132,190)
-
#4e83c7
#4e83c7
rgb(78,131,199)
-
#4581d0
#4581d0
rgb(69,129,208)
-
#3c80d9
#3c80d9
rgb(60,128,217)
-
#337fe2
#337fe2
rgb(51,127,226)
-
#2a7eeb
#2a7eeb
rgb(42,126,235)
-
#217df4
#217df4
rgb(33,125,244)
-
#187bfd
#187bfd
rgb(24,123,253)
Color Blindness Simulator
Below, you can see how #337fe2 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.