#338bfa Color Information
In a RGB color space, hex #338bfa is composed of 20% red, 54.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 44.4% magenta, 0% yellow and 2% black. It has a hue angle of 213.5 degrees, a saturation of 95.2% and a lightness of 59%. #338bfa color hex could be obtained by blending #66ffff with #0017f5. Closest websafe color is: #3399ff.
-
- R 20
- G 55
- B 98
-
- C 80
- M 44
- Y 0
- K 2
● #338bfa color description : Bright blue.
#338bfa Color Conversion
The hexadecimal color #338bfa has RGB values of R:51, G:139, B:250 and CMYK values of C:0.8, M:0.44, Y:0, K:0.02. Its decimal value is 3378170.
Hex triplet | 338bfa | #338bfa |
---|---|---|
RGB Decimal | 51, 139, 250 | rgb(51,139,250) |
RGB Percent | 20, 54.5, 98 | rgb(20%,54.5%,98%) |
CMYK | 80, 44, 0, 2 | |
HSL | 213.5°, 95.2, 59 | hsl(213.5,95.2%,59%) |
HSV (or HSB) | 213.5°, 79.6, 98 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.102, 12.688, -62.676 |
---|---|
XYZ | 27.849, 26.069, 94.001 |
xyY | 0.188, 0.176, 26.069 |
CIE-LCH | 58.102, 63.947, 281.444 |
CIE-LUV | 58.102, -29.384, -100.904 |
Hunter-Lab | 51.058, 8.011, -73.417 |
Binary | 00110011, 10001011, 11111010 |
Color Schemes with #338bfa
Alternatives to #338bfa
Below, you can see some colors close to #338bfa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338bfa Preview
This text has a font color of #338bfa.
<span style="color:#338bfa;">Text here</span>
This paragraph has a background color of #338bfa.
<p style="background-color:#338bfa;">Content here</p>
This element has a border color of #338bfa.
<div style="border:1px solid #338bfa;">Content here</div>
.text {color:#338bfa;}
.background {background-color:#338bfa;}
.border {border:1px solid #338bfa;}
Shades and Tints of #338bfa
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, #000307 is the darkest color, while #f2f8ff is the lightest one.
-
#000307
#000307
rgb(0,3,7)
-
#010c1a
#010c1a
rgb(1,12,26)
-
#01142d
#01142d
rgb(1,20,45)
-
#021d40
#021d40
rgb(2,29,64)
-
#022653
#022653
rgb(2,38,83)
-
#032f66
#032f66
rgb(3,47,102)
-
#033779
#033779
rgb(3,55,121)
-
#03408d
#03408d
rgb(3,64,141)
-
#0449a0
#0449a0
rgb(4,73,160)
-
#0452b3
#0452b3
rgb(4,82,179)
-
#055ac6
#055ac6
rgb(5,90,198)
-
#0563d9
#0563d9
rgb(5,99,217)
-
#066cec
#066cec
rgb(6,108,236)
-
#0d75f9
#0d75f9
rgb(13,117,249)
-
#2080fa
#2080fa
rgb(32,128,250)
-
#338bfa
#338bfa
rgb(51,139,250)
-
#4696fa
#4696fa
rgb(70,150,250)
-
#59a1fb
#59a1fb
rgb(89,161,251)
-
#6cacfb
#6cacfb
rgb(108,172,251)
-
#80b7fc
#80b7fc
rgb(128,183,252)
-
#93c1fc
#93c1fc
rgb(147,193,252)
-
#a6ccfd
#a6ccfd
rgb(166,204,253)
-
#b9d7fd
#b9d7fd
rgb(185,215,253)
-
#cce2fe
#cce2fe
rgb(204,226,254)
-
#dfedfe
#dfedfe
rgb(223,237,254)
-
#f2f8ff
#f2f8ff
rgb(242,248,255)
Tones of #338bfa
A tone is produced by adding gray to any pure hue. In this case, #93969a is the less saturated color, while #338bfa is the most saturated one.
-
#93969a
#93969a
rgb(147,150,154)
-
#8b95a2
#8b95a2
rgb(139,149,162)
-
#8394aa
#8394aa
rgb(131,148,170)
-
#7b93b2
#7b93b2
rgb(123,147,178)
-
#7392ba
#7392ba
rgb(115,146,186)
-
#6b92c2
#6b92c2
rgb(107,146,194)
-
#6391ca
#6391ca
rgb(99,145,202)
-
#5b90d2
#5b90d2
rgb(91,144,210)
-
#538fda
#538fda
rgb(83,143,218)
-
#4b8ee2
#4b8ee2
rgb(75,142,226)
-
#438dea
#438dea
rgb(67,141,234)
-
#3b8cf2
#3b8cf2
rgb(59,140,242)
-
#338bfa
#338bfa
rgb(51,139,250)
Color Blindness Simulator
Below, you can see how #338bfa 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.