Information about #306BA0 color

#306BA0 color image

Basic facts about this digital color

#306BA0 falls into the Azure Color Family — Moderate Saturation, Light brightness. The mix behind it: rgb(48, 107, 160) — 18.8% red, 42% green, 62.7% blue; the print equivalent is CMYK 44 / 21 / 0 / 37. Curious how these numbers work? Read our RGB color codes guide.

#306BA0 presents itself as a pleasantly vivid azure — one that carries an easy, daylight feel. It is a natural fit for balanced palettes where no single element should shout. In The Official Register of Color Names it is a hair away from Lochmara (#316EA0). Slightly further away sit Muted Blue (#3B719F) and Lapis Lazuli (#26619C).

In RGB terms — rgb(48, 107, 160) — the blue channel does the heavy lifting here. On this background, white text reaches a 5.6:1 contrast ratio (passing WCAG AA); black stays at 3.7:1. #306BA0 has no official name yet. If this shade means something to you, you can be the one to name it.

#306BA0 color variations

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

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

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

Lochmara color link
Lochmara

#316EA0

Muted Blue color link
Muted Blue

#3B719F

Lapis Lazuli color link
Lapis Lazuli

#26619C

Lure color link
Lure

#2F77A9

Primetime color link
Primetime

#3973A9

Flat Blue color link
Flat Blue

#3C73A8

UCLA Blue color link
UCLA Blue

#2774AE

Super Duper color link
Super Duper

#42639F

Optimist color link
Optimist

#2B688D

Mid Blue color link
Mid Blue

#276AB3

Conversions between color systems and etc.

  • HEX#306BA0
  • RGB48, 107, 160
  • CMYK44, 21, 0, 37
  • CSSrgb(48, 107, 160)
  • HSL208°, 54%, 41%
  • HSL Precise208.393°, 53.846%, 40.784%
  • HSV208°, 70%, 63%
  • HSB208°, 70%, 63%
  • Normalized R (0.0–1.0)0.188
  • Normalized G (0.0–1.0)0.420
  • Normalized B (0.0–1.0)0.627
  • GLSLvec3(0.188, 0.420, 0.627)
  • GLSL with alphavec4(0.188, 0.420, 0.627, 1.000)
  • HLSL / Metalfloat3(0.188, 0.420, 0.627)
  • Percentage of Red in RGB18.8%
  • Percentage of Green in RGB42%
  • Percentage of Blue in RGB62.7%
  • Color FamilyAzure
  • Saturation FamilyModerate Saturation
  • Lightness FamilyLight
  • HEX ID306BA0
  • DECIMAL ID3173280
  • Name LengthThis color has no name
  • This page visited0 times
  • Counting from2025-01-01