Color Charts
RGB
CMYK
RYB
#3838ff Hex Color CodeThe hexadecimal color code #3838ff is a medium light shade of blue. In the RGB color model #3838ff is comprised of 21.96% red, 21.96% green and 100% blue. In the HSL color space #3838ff has a hue of 240 degrees, 100% saturation and 60.98% lightness. This color has an approximate wavelength of 469 nm.
#3838ff Color InformationInverted
#c7c700 25% Saturated
#3838ff Grayscale
#9b9b9b
rgb(56, 56, 255)
rgba(56, 56, 255, 1.0)
red: 21.9608%, yellow: 21.9608%, blue: 100%
#3838ff
3684607
-13092609 / 0xff3838ff
hsl(240, 100%, 61%)
hsla(240, 100%, 61%, 1.0)
hue: 240 (240), saturation: 78 (78.0392), value: 100 (100)
X: 21.0951, Y: 10.8891, Z: 95.5977
x: 0.1653, y: 0.0853, Y: 10.8891
L: 39.3931, a: 63.9636, b: -96.0052
L: 39.3931, u: -9.6143, v: -133.3347
L: 39.3931, C: 115.3618, H: 303.6736
L: 32.9986, a: 56.3622, b: -148.6653
cyan: 78 (0.7804), magenta: 78 (0.7804), yellow: 0 (0), key: 0 (0)
cyan: 78 (0.7804), magenta: 78 (0.7804), yellow: 0 (0)
Y: 78.686, I: -63.9313, Q: 61.9159
Y: 78.686, U: 86.7646, V: -19.902
Y: 78.686, Db: 265.267, Dr: 43.183
Y: 83.606, Cb: 215.361, Cr: 113.871
Y: 70.328, Pb: 99.5, Pr: -9.154
7.5PB 4/24 (approximate)
#3838ff / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3838ff to White#3838ff to Black#3838ff foreground
<p style="color: #3838ff">#3838ff foreground</p>
#3838ff background
<p style="background-color: #3838ff; color: #fff">#3838ff background</p>
#3838ff border
<p style="border: #3838ff 3px solid">#3838ff border</p>
#3838ff radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3838ff, #fff); background: -webkit-radial-gradient(50% 50%, #3838ff, #fff); background: -o-radial-gradient(50% 50%, #3838ff, #fff); background: -ms-radial-gradient(50% 50%, #3838ff, #fff); background: radial-gradient(50% 50%, #3838ff, #fff); color: #fff">#3838ff radial gradient</p>
#3838ff linear gradient to complementary #feff38
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3838ff, #feff38); background: -webkit-linear-gradient(top, #3838ff, #feff38); background: -o-linear-gradient(top, #3838ff, #feff38); background: -ms-linear-gradient(top, #3838ff, #feff38); background: linear-gradient(top, #3838ff, #feff38); color: #fff">#3838ff linear gradient to complementary #feff38</p>
#3838ff text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3838ff">#3838ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #3838ff hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #3838ff.
Jump to paint brand: