Information about #306AFF color

#306AFF color image

Basic facts about this digital color

In the Register's classification, #306AFF belongs to the Azure Color Family, featuring Full Saturation and Light brightness. In numbers: rgb(48, 106, 255) (18.8% red, 41.6% green, 100% blue), or CMYK 81 / 58 / 0 / 0 for print. New to color codes? See our guide to RGB color codes.

#306AFF presents itself as a intensely saturated sky-leaning azure — one that sits on the lighter side of the spectrum. In practice it works well for bold branding moments and attention-grabbing details. In The Official Register of Color Names it is almost identical to Blue Ribbon (#306EFF). Nearby in the Register you will also find Clear Blue (#247AFD) and Ultramarine Blue (#4166F5).

The recipe behind #306AFF is rgb(48, 106, 255), with blue as the dominant ingredient. If you plan to put text on a #306AFF background, choose black — the contrast ratio is 4.6:1 (passing WCAG AA), while white manages only 4.5:1. Out of 16,777,216 possible colors, #306AFF is still unnamed — it can be claimed and named in The Official Register of Color Names.

#306AFF color variations

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

#306AFF 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 #306AFF

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

Blue Ribbon color link
Blue Ribbon

#306EFF

Clear Blue color link
Clear Blue

#247AFD

Neon Blue color link
Neon Blue

#4666FF

Google Blue color link
Google Blue

#3369E8

Bluetiful color link
Bluetiful

#3C69E7

Azul color link
Azul

#1D5DEC

Real Azure color link
Real Azure

#3B86FF

Nox color link
Nox

#404DFF

Royal Blue color link
Royal Blue

#2B60DE

Blue Dress color link
Blue Dress

#157DEC

Conversions between color systems and etc.

  • HEX#306AFF
  • RGB48, 106, 255
  • CMYK81, 58, 0, 0
  • CSSrgb(48, 106, 255)
  • HSL223°, 100%, 59%
  • HSL Precise223.188°, 100%, 59.412%
  • HSV223°, 81%, 100%
  • HSB223°, 81%, 100%
  • Normalized R (0.0–1.0)0.188
  • Normalized G (0.0–1.0)0.416
  • Normalized B (0.0–1.0)1.000
  • GLSLvec3(0.188, 0.416, 1.000)
  • GLSL with alphavec4(0.188, 0.416, 1.000, 1.000)
  • HLSL / Metalfloat3(0.188, 0.416, 1.000)
  • Percentage of Red in RGB18.8%
  • Percentage of Green in RGB41.6%
  • Percentage of Blue in RGB100%
  • Color FamilyAzure
  • Saturation FamilyFull Saturation
  • Lightness FamilyLight
  • HEX ID306AFF
  • DECIMAL ID3173119
  • Name LengthThis color has no name
  • Seen by search & AI crawlers9 times
  • Counting from2025-01-01