Information about #336AE1 color

#336AE1 color image

Basic facts about this digital color

#336AE1 falls into the Azure Color Family — High Saturation, Light brightness. The mix behind it: rgb(51, 106, 225) — 20% red, 41.6% green, 88.2% blue; the print equivalent is CMYK 68 / 47 / 0 / 12. Curious how these numbers work? Read our RGB color codes guide.

#336AE1 presents itself as a vivid, lively sky-leaning azure — one that carries an easy, daylight feel. It is a natural fit for accents, call-to-action elements and statement visuals. In The Official Register of Color Names it is a hair away from Google Blue (#3369E8). Slightly further away sit Bluetiful (#3C69E7) and Royal Blue (#2B60DE).

The recipe behind #336AE1 is rgb(51, 106, 225), with blue as the dominant ingredient. Accessibility-wise, white text works best on #336AE1: 4.9:1 contrast (passing WCAG AA) versus 4.3:1 for black. No one has named #336AE1 so far. Register a name for it and it becomes a permanent record.

#336AE1 color variations

View this color variations of tints, shades, tones and hues.

#336AE1 color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.

Complementary color schemes

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.

Split complementary color scheme

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.

Analogous color scheme

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.

Triadic color scheme

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel.

Tetradic color scheme

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.

Square color scheme

Nearest named colors to #336AE1

The closest officially registered color names in the Register, ordered by similarity — your shade’s neighborhood is already being claimed.

Google Blue color link
Google Blue

#3369E8

Bluetiful color link
Bluetiful

#3C69E7

Royal Blue color link
Royal Blue

#2B60DE

Flickr Blue color link
Flickr Blue

#216BD6

Mariner color link
Mariner

#286ACD

Celtic Blue color link
Celtic Blue

#246BCE

Han Blue color link
Han Blue

#446CCF

Azul color link
Azul

#1D5DEC

Conversions between color systems and etc.

  • HEX#336AE1
  • RGB51, 106, 225
  • CMYK68, 47, 0, 12
  • CSSrgb(51, 106, 225)
  • HSL221°, 74%, 54%
  • HSL Precise221.034°, 74.359%, 54.118%
  • HSV221°, 77%, 88%
  • HSB221°, 77%, 88%
  • Normalized R (0.0–1.0)0.200
  • Normalized G (0.0–1.0)0.416
  • Normalized B (0.0–1.0)0.882
  • GLSLvec3(0.200, 0.416, 0.882)
  • GLSL with alphavec4(0.200, 0.416, 0.882, 1.000)
  • HLSL / Metalfloat3(0.200, 0.416, 0.882)
  • Percentage of Red in RGB20%
  • Percentage of Green in RGB41.6%
  • Percentage of Blue in RGB88.2%
  • Color FamilyAzure
  • Saturation FamilyHigh Saturation
  • Lightness FamilyLight
  • HEX ID336AE1
  • DECIMAL ID3369697
  • Name LengthThis color has no name
  • Seen by search & AI crawlers323 times
  • Counting from2025-01-01