Home › Colors › Blueberry
Blueberry color #4F86F7 A bright, friendly medium blue named after the summer berry. It is cheerful and modern, popular in app design, kids' clothing and summer kitchens.
Also known as: Blueberry blue.
The hex code for blueberry is #4F86F7. In RGB it is rgb(79, 134, 247), in HSL hsl(220, 91%, 64%) and in CMYK 68, 46, 0, 3.
HEX #4F86F7 RGB rgb(79, 134, 247) HSL hsl(220, 91%, 64%) HSB 220°, 68%, 97% CMYK 68, 46, 0, 3 LAB 57, 18, -62
Colors similar to blueberry
About blueberry Blueberry (#4F86F7) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 79 red, 134 green and 247 blue (out of 255). It is mostly used in UI, kids, kitchens.
Blueberry · #4F86F7
Blueberry shades and tints From lightest to darkest. Tap a shade to copy its code.
#E5EDFE Copied #CADBFD Copied #A7C2FB Copied #84AAF9 Copied #4F86F7 Copied #3F6BC6 Copied #2F5094 Copied #203663 Copied #101B31 Copied
See all its shades: Color shades generator
Outfit colors by season and style 80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more. See outfit palettes
Blueberry color harmonies Combinations based on the color wheel. More in the color harmony tool .
#4F86F7 Copied #F7C04F Copied
Complementary
Close to: Honey #4FDAF7 Copied #4F86F7 Copied #6C4FF7 Copied
#4F86F7 Copied #F74F86 Copied #86F74F Copied
#4F86F7 Copied #F76C4F Copied #DAF74F Copied
#4F86F7 Copied #F74FDA Copied #F7C04F Copied #4FF76C Copied
Blueberry color palettes Copy the codes or open a palette in the editor to tweak it.
#D8E4FD Copied #94B5FA Copied #4F86F7 Copied #0949CD Copied #062D7E Copied
#AFEDF3 Copied #6CC4F8 Copied #4F86F7 Copied #3237F6 Copied #4314CC Copied
#F0F1F5 Copied #B0C2E8 Copied #4F86F7 Copied #F5B023 Copied #191E29 Copied
#EEB4C7 Copied #4F86F7 Copied #5FDD22 Copied #9E2E53 Copied #FAFAF7 Copied
#F2F4F6 Copied #C9D1D9 Copied #4F86F7 Copied #5B6672 Copied #1E252C Copied
#EBEEF5 Copied #90A6D5 Copied #4F86F7 Copied #083BA5 Copied #E25436 Copied
Blueberry contrast with text White text Contrast 3.5:1 · AA large text
Black text Contrast 6.1:1 · AA
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker .
CSS code Copy :root {
--blueberry: #4F86F7;
--blueberry-rgb: 79, 134, 247;
}
.bg { background-color: var(--blueberry); }
.text { color: var(--blueberry); }
Colors similar to blueberry
Themed palettes with this color
Swatch of Blueberry with its shades from light to dark · #4F86F7 Frequently asked questions What is the hex code for blueberry? The hex code for blueberry is #4F86F7. In RGB it is rgb(79, 134, 247), in HSL hsl(220, 91%, 64%) and in CMYK 68, 46, 0, 3.
What is the complementary color of blueberry? Its complement on the color wheel is #F7C04F, close to honey. Used in small doses, it works as an accent and adds strong contrast.
Can you use white text on blueberry? Use black text instead: the contrast with white is only 3.5:1, while with black it is 6.1:1.
We use Google Analytics cookies to understand how the site is used. Is that OK? Learn more
Reject Accept