#338dc7 Color Information
In a RGB color space, hex #338dc7 is composed of 20% red, 55.3% green and 78% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 29.1% magenta, 0% yellow and 22% black. It has a hue angle of 203.5 degrees, a saturation of 59.2% and a lightness of 49%. #338dc7 color hex could be obtained by blending #66ffff with #001b8f. Closest websafe color is: #3399cc.
-
- R 20
- G 55
- B 78
-
- C 74
- M 29
- Y 0
- K 22
● #338dc7 color description : Moderate blue.
#338dc7 Color Conversion
The hexadecimal color #338dc7 has RGB values of R:51, G:141, B:199 and CMYK values of C:0.74, M:0.29, Y:0, K:0.22. Its decimal value is 3378631.
Hex triplet | 338dc7 | #338dc7 |
---|---|---|
RGB Decimal | 51, 141, 199 | rgb(51,141,199) |
RGB Percent | 20, 55.3, 78 | rgb(20%,55.3%,78%) |
CMYK | 74, 29, 0, 22 | |
HSL | 203.5°, 59.2, 49 | hsl(203.5,59.2%,49%) |
HSV (or HSB) | 203.5°, 74.4, 78 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.963, -6.974, -37.605 |
---|---|
XYZ | 21.196, 23.875, 57.521 |
xyY | 0.207, 0.233, 23.875 |
CIE-LCH | 55.963, 38.246, 259.494 |
CIE-LUV | 55.963, -32.165, -57.464 |
Hunter-Lab | 48.862, -8.076, -35.593 |
Binary | 00110011, 10001101, 11000111 |
Color Schemes with #338dc7
Alternatives to #338dc7
Below, you can see some colors close to #338dc7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338dc7 Preview
This text has a font color of #338dc7.
<span style="color:#338dc7;">Text here</span>
This paragraph has a background color of #338dc7.
<p style="background-color:#338dc7;">Content here</p>
This element has a border color of #338dc7.
<div style="border:1px solid #338dc7;">Content here</div>
.text {color:#338dc7;}
.background {background-color:#338dc7;}
.border {border:1px solid #338dc7;}
Shades and Tints of #338dc7
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, #03080c is the darkest color, while #fbfdfe is the lightest one.
-
#03080c
#03080c
rgb(3,8,12)
-
#07131b
#07131b
rgb(7,19,27)
-
#0b1e2b
#0b1e2b
rgb(11,30,43)
-
#0f293a
#0f293a
rgb(15,41,58)
-
#13344a
#13344a
rgb(19,52,74)
-
#17405a
#17405a
rgb(23,64,90)
-
#1b4b69
#1b4b69
rgb(27,75,105)
-
#1f5679
#1f5679
rgb(31,86,121)
-
#236189
#236189
rgb(35,97,137)
-
#276c98
#276c98
rgb(39,108,152)
-
#2b77a8
#2b77a8
rgb(43,119,168)
-
#2f82b7
#2f82b7
rgb(47,130,183)
-
#338dc7
#338dc7
rgb(51,141,199)
-
#4096ce
#4096ce
rgb(64,150,206)
-
#4f9fd2
#4f9fd2
rgb(79,159,210)
-
#5fa7d6
#5fa7d6
rgb(95,167,214)
-
#6eb0da
#6eb0da
rgb(110,176,218)
-
#7eb8de
#7eb8de
rgb(126,184,222)
-
#8ec1e2
#8ec1e2
rgb(142,193,226)
-
#9dcae6
#9dcae6
rgb(157,202,230)
-
#add2ea
#add2ea
rgb(173,210,234)
-
#bddbee
#bddbee
rgb(189,219,238)
-
#cce3f2
#cce3f2
rgb(204,227,242)
-
#dcecf6
#dcecf6
rgb(220,236,246)
-
#ebf4fa
#ebf4fa
rgb(235,244,250)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #338dc7
A tone is produced by adding gray to any pure hue. In this case, #767e84 is the less saturated color, while #0397f7 is the most saturated one.
-
#767e84
#767e84
rgb(118,126,132)
-
#6d818d
#6d818d
rgb(109,129,141)
-
#638397
#638397
rgb(99,131,151)
-
#5985a1
#5985a1
rgb(89,133,161)
-
#5087aa
#5087aa
rgb(80,135,170)
-
#4689b4
#4689b4
rgb(70,137,180)
-
#3d8bbd
#3d8bbd
rgb(61,139,189)
-
#338dc7
#338dc7
rgb(51,141,199)
-
#298fd1
#298fd1
rgb(41,143,209)
-
#2091da
#2091da
rgb(32,145,218)
-
#1693e4
#1693e4
rgb(22,147,228)
-
#0d95ed
#0d95ed
rgb(13,149,237)
-
#0397f7
#0397f7
rgb(3,151,247)
Color Blindness Simulator
Below, you can see how #338dc7 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.