#337ff2 Color Information
In a RGB color space, hex #337ff2 is composed of 20% red, 49.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 47.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 216.1 degrees, a saturation of 88% and a lightness of 57.5%. #337ff2 color hex could be obtained by blending #66feff with #0000e5. Closest websafe color is: #3366ff.
-
- R 20
- G 50
- B 95
-
- C 79
- M 48
- Y 0
- K 5
● #337ff2 color description : Bright blue.
#337ff2 Color Conversion
The hexadecimal color #337ff2 has RGB values of R:51, G:127, B:242 and CMYK values of C:0.79, M:0.48, Y:0, K:0.05. Its decimal value is 3375090.
Hex triplet | 337ff2 | #337ff2 |
---|---|---|
RGB Decimal | 51, 127, 242 | rgb(51,127,242) |
RGB Percent | 20, 49.8, 94.9 | rgb(20%,49.8%,94.9%) |
CMYK | 79, 48, 0, 5 | |
HSL | 216.1°, 88, 57.5 | hsl(216.1,88%,57.5%) |
HSV (or HSB) | 216.1°, 78.9, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 54.335, 17.098, -64.311 |
---|---|
XYZ | 24.978, 22.291, 86.986 |
xyY | 0.186, 0.166, 22.291 |
CIE-LCH | 54.335, 66.545, 284.889 |
CIE-LUV | 54.335, -25.973, -102.359 |
Hunter-Lab | 47.214, 11.81, -76.185 |
Binary | 00110011, 01111111, 11110010 |
Color Schemes with #337ff2
Alternatives to #337ff2
Below, you can see some colors close to #337ff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#337ff2 Preview
This text has a font color of #337ff2.
<span style="color:#337ff2;">Text here</span>
This paragraph has a background color of #337ff2.
<p style="background-color:#337ff2;">Content here</p>
This element has a border color of #337ff2.
<div style="border:1px solid #337ff2;">Content here</div>
.text {color:#337ff2;}
.background {background-color:#337ff2;}
.border {border:1px solid #337ff2;}
Shades and Tints of #337ff2
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, #010811 is the darkest color, while #fefeff is the lightest one.
-
#010811
#010811
rgb(1,8,17)
-
#021024
#021024
rgb(2,16,36)
-
#031836
#031836
rgb(3,24,54)
-
#052049
#052049
rgb(5,32,73)
-
#06285b
#06285b
rgb(6,40,91)
-
#07306d
#07306d
rgb(7,48,109)
-
#083880
#083880
rgb(8,56,128)
-
#094092
#094092
rgb(9,64,146)
-
#0b48a5
#0b48a5
rgb(11,72,165)
-
#0c50b7
#0c50b7
rgb(12,80,183)
-
#0d58ca
#0d58ca
rgb(13,88,202)
-
#0e60dc
#0e60dc
rgb(14,96,220)
-
#0f68ef
#0f68ef
rgb(15,104,239)
-
#2173f1
#2173f1
rgb(33,115,241)
-
#337ff2
#337ff2
rgb(51,127,242)
-
#458bf3
#458bf3
rgb(69,139,243)
-
#5896f4
#5896f4
rgb(88,150,244)
-
#6aa2f6
#6aa2f6
rgb(106,162,246)
-
#7dadf7
#7dadf7
rgb(125,173,247)
-
#8fb9f8
#8fb9f8
rgb(143,185,248)
-
#a2c4f9
#a2c4f9
rgb(162,196,249)
-
#b4d0fa
#b4d0fa
rgb(180,208,250)
-
#c7dcfb
#c7dcfb
rgb(199,220,251)
-
#d9e7fd
#d9e7fd
rgb(217,231,253)
-
#ebf3fe
#ebf3fe
rgb(235,243,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #337ff2
A tone is produced by adding gray to any pure hue. In this case, #8f9296 is the less saturated color, while #2b7dfa is the most saturated one.
-
#8f9296
#8f9296
rgb(143,146,150)
-
#86909f
#86909f
rgb(134,144,159)
-
#7e8ea7
#7e8ea7
rgb(126,142,167)
-
#768daf
#768daf
rgb(118,141,175)
-
#6d8bb8
#6d8bb8
rgb(109,139,184)
-
#6589c0
#6589c0
rgb(101,137,192)
-
#5d88c8
#5d88c8
rgb(93,136,200)
-
#5486d1
#5486d1
rgb(84,134,209)
-
#4c84d9
#4c84d9
rgb(76,132,217)
-
#4482e1
#4482e1
rgb(68,130,225)
-
#3b81ea
#3b81ea
rgb(59,129,234)
-
#337ff2
#337ff2
rgb(51,127,242)
-
#2b7dfa
#2b7dfa
rgb(43,125,250)
Color Blindness Simulator
Below, you can see how #337ff2 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.