analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#338BF0 — Azure
#338BF0 is a mid-tone saturated blue sitting at 212° 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.
#338bf0
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #338BF0
- f1f7fe
- c5defb
- 99c5f7
- 6eacf4
- 4294f1
- 177bee
- 0f64c6
- 0c4e9b
- 08386f
- 052243
- 020c18
Color schemes using #338BF0
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
#338BF0 FAQ
What color is #338BF0?
#338BF0 is a shade of azure in the blue family. It has a hue of 212 degrees, 86% saturation and 57% lightness, which makes it a mid-tone saturated color.
What is the RGB value of #338BF0?
#338BF0 is rgb(51, 139, 240) in RGB, hsl(212, 86%, 57%) in HSL, and cmyk(79%, 42%, 0%, 6%) in CMYK.
Can I use white text on #338BF0?
White text on this background reaches 3.45:1, which passes for large text only under WCAG AA. Black text reaches 6.09:1.
What colors go well with #338BF0?
Its direct complement is #F09833. For something less stark, the split-complementary pair #F03933 and #E9F033 gives you contrast without the vibration.