analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#336BFA — Azure
#336BFA is a mid-tone saturated blue sitting at 223° on the color wheel. Below you will find every format, a full tint and shade ramp, contrast ratings, and five harmony schemes built around it.
#336bfa
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #336BFA
- f0f4ff
- c2d3fd
- 95b2fc
- 6791fb
- 3970fa
- 0b4ff9
- 053fd0
- 0431a2
- 032374
- 021547
- 010819
Color schemes using #336BFA
complementary
Two opposite hues that create the strongest possible contrast and visual tension.
split complementary
A base hue paired with the two neighbours of its complement — bold but easier to balance.
triadic
Three hues spaced evenly around the wheel for a vibrant, well-balanced scheme.
tetradic
Two complementary pairs, giving you the widest range of usable accents.
monochromatic
A single hue explored across lightness and saturation for a refined, minimal look.
Nearby colors
#336BFA FAQ
What color is #336BFA?
#336BFA is a shade of azure in the blue family. It has a hue of 223 degrees, 95% saturation and 59% lightness, which makes it a mid-tone saturated color.
What is the RGB value of #336BFA?
#336BFA is rgb(51, 107, 250) in RGB, hsl(223, 95%, 59%) in HSL, and cmyk(80%, 57%, 0%, 2%) in CMYK.
Can I use white text on #336BFA?
White text on this background reaches 4.54:1, which passes WCAG AA. Black text reaches 4.62:1.
What colors go well with #336BFA?
Its direct complement is #FAC133. For something less stark, the split-complementary pair #FA5E33 and #CFFA33 gives you contrast without the vibration.