#337ec7 Color Information
In a RGB color space, hex #337ec7 is composed of 20% red, 49.4% green and 78% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 36.7% magenta, 0% yellow and 22% black. It has a hue angle of 209.6 degrees, a saturation of 59.2% and a lightness of 49%. #337ec7 color hex could be obtained by blending #66fcff with #00008f. Closest websafe color is: #3366cc.
-
- R 20
- G 49
- B 78
-
- C 74
- M 37
- Y 0
- K 22
● #337ec7 color description : Moderate blue.
#337ec7 Color Conversion
The hexadecimal color #337ec7 has RGB values of R:51, G:126, B:199 and CMYK values of C:0.74, M:0.37, Y:0, K:0.22. Its decimal value is 3374791.
Hex triplet | 337ec7 | #337ec7 |
---|---|---|
RGB Decimal | 51, 126, 199 | rgb(51,126,199) |
RGB Percent | 20, 49.4, 78 | rgb(20%,49.4%,78%) |
CMYK | 74, 37, 0, 22 | |
HSL | 209.6°, 59.2, 49 | hsl(209.6,59.2%,49%) |
HSV (or HSB) | 209.6°, 74.4, 78 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.551, 1.865, -44.565 |
---|---|
XYZ | 19.132, 19.748, 56.833 |
xyY | 0.2, 0.206, 19.748 |
CIE-LCH | 51.551, 44.604, 272.397 |
CIE-LUV | 51.551, -27.021, -68.707 |
Hunter-Lab | 44.438, -0.915, -44.721 |
Binary | 00110011, 01111110, 11000111 |
Color Schemes with #337ec7
Alternatives to #337ec7
Below, you can see some colors close to #337ec7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#337ec7 Preview
This text has a font color of #337ec7.
<span style="color:#337ec7;">Text here</span>
This paragraph has a background color of #337ec7.
<p style="background-color:#337ec7;">Content here</p>
This element has a border color of #337ec7.
<div style="border:1px solid #337ec7;">Content here</div>
.text {color:#337ec7;}
.background {background-color:#337ec7;}
.border {border:1px solid #337ec7;}
Shades and Tints of #337ec7
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, #03070c is the darkest color, while #fbfdfe is the lightest one.
-
#03070c
#03070c
rgb(3,7,12)
-
#07111b
#07111b
rgb(7,17,27)
-
#0b1b2b
#0b1b2b
rgb(11,27,43)
-
#0f253a
#0f253a
rgb(15,37,58)
-
#132f4a
#132f4a
rgb(19,47,74)
-
#17395a
#17395a
rgb(23,57,90)
-
#1b4369
#1b4369
rgb(27,67,105)
-
#1f4d79
#1f4d79
rgb(31,77,121)
-
#235689
#235689
rgb(35,86,137)
-
#276098
#276098
rgb(39,96,152)
-
#2b6aa8
#2b6aa8
rgb(43,106,168)
-
#2f74b7
#2f74b7
rgb(47,116,183)
-
#337ec7
#337ec7
rgb(51,126,199)
-
#4088ce
#4088ce
rgb(64,136,206)
-
#4f91d2
#4f91d2
rgb(79,145,210)
-
#5f9bd6
#5f9bd6
rgb(95,155,214)
-
#6ea5da
#6ea5da
rgb(110,165,218)
-
#7eafde
#7eafde
rgb(126,175,222)
-
#8eb8e2
#8eb8e2
rgb(142,184,226)
-
#9dc2e6
#9dc2e6
rgb(157,194,230)
-
#adccea
#adccea
rgb(173,204,234)
-
#bdd6ee
#bdd6ee
rgb(189,214,238)
-
#ccdff2
#ccdff2
rgb(204,223,242)
-
#dce9f6
#dce9f6
rgb(220,233,246)
-
#ebf3fa
#ebf3fa
rgb(235,243,250)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #337ec7
A tone is produced by adding gray to any pure hue. In this case, #767d84 is the less saturated color, while #037ff7 is the most saturated one.
-
#767d84
#767d84
rgb(118,125,132)
-
#6d7d8d
#6d7d8d
rgb(109,125,141)
-
#637d97
#637d97
rgb(99,125,151)
-
#597da1
#597da1
rgb(89,125,161)
-
#507eaa
#507eaa
rgb(80,126,170)
-
#467eb4
#467eb4
rgb(70,126,180)
-
#3d7ebd
#3d7ebd
rgb(61,126,189)
-
#337ec7
#337ec7
rgb(51,126,199)
-
#297ed1
#297ed1
rgb(41,126,209)
-
#207eda
#207eda
rgb(32,126,218)
-
#167ee4
#167ee4
rgb(22,126,228)
-
#0d7fed
#0d7fed
rgb(13,127,237)
-
#037ff7
#037ff7
rgb(3,127,247)
Color Blindness Simulator
Below, you can see how #337ec7 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.