Highlighter Blue

HEX #30C5FF / RGB (48, 197, 255)

Blue Highlighter Pen illustration

What is Highlighter Blue Color?

Highlighter Blue (Hex code: 30C5FF) Thumbnail

Highlighter Blue has the hex code #30C5FF. The equivalent RGB values are (48, 197, 255), which means it is composed of 10% red, 39% green and 51% blue. The CMYK color codes, used in printers, are C:81 M:23 Y:0 K:0. In the HSV/HSB scale, Highlighter Blue has a hue of 197°, 81% saturation and a brightness value of 100%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Highlighter Blue color is not included in the web list and cannot be used by name in HTML and CSS code. However, highlighter blue can be applied to web pages with its hex code, RGB and/or HSL values. Please note that the CMYK numbers listed on this page have been derived from the hexadecimal code using known formulae and are only approximates.

Highlighter Blue Color Codes

Hex Code#30C5FF
RGB Values(48, 197, 255)
CMYK Values(81%, 23%, 0%, 0%)
HSV/HSB Values(197°, 81%, 100%)
Closest Web Safe#33CCFF
Inverse Color#CF3A00 [Sinopia]
Closest Pantone®298 C
Closest RAL5012 [Light blue]
Complementary Color#FF6A30 [Smashed Pumpkin]
Highlighter Blue Converted to Grayscale Codes
Simple Average#A7A7A7
Weighted Average (Most Common)#9F9F9F
Weighted Average (Luma)#AAAAAA
Weighted Average (Gamma Adjusted)#CECECE

Highlighter Blue Color Palettes

Complementary color palette of 30C5FF. Complementary color is FF6A30

Complementary Palette

The complement of Highlighter Blue is Smashed Pumpkin with the hex code #FF6A30. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #30C5FF color is offered by #FF6A30. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

Analogous color palette with (30C5FF, 305EFF and 30FFD2)

Analogous Palette

The analogous colors of Highlighter Blue (#30C5FF) are Ultramarine Blue (#305EFF) and Turquoise (#30FFD2). In the RGB color wheel, these two analogous colors occur to the right and left of Highlighter Blue with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

Split Complementary color palette with (30C5FF, FF305E and FFD230)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Highlighter Blue (#30C5FF) are #FF305E (Radical Red) and #FFD230 (Sunglow). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

Triadic color palette with (30C5FF, FF30C5 and C5FF30)

Triadic Palette

Highlighter Blue triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #FF30C5 (Razzle Dazzle Rose) and #C5FF30 (Green-Yellow) along with #30C5FF create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

Tetradic color palette with (30C5FF, FF30C5, FF6A30 and 30FF6A)

Tetradic Palette

The tetradic palette of Highlighter Blue has four colors - #FF30C5 (Razzle Dazzle Rose), #FF6A30 (Smashed Pumpkin) and #30FF6A (UFO Green) in addition to the base color (#30C5FF). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

Square color palette with (30C5FF, D230FF, FF6A30 and 5EFF30)

Square Palette

Highlighter Blue square color palette has #D230FF (Vivid Orchid), #FF6A30 (Smashed Pumpkin) and #5EFF30 (Spring Frost). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

Rainbow color

Highlighter Blue Color Rainbow Palette

Our Highlighter Blue rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

Tints, Tones & Shades of Highlighter Blue Color


  • Transparent 59D1FF#59D1FF
  • Transparent 6ED6FF#6ED6FF
  • Transparent 83DCFF#83DCFF
  • Transparent 98E2FF#98E2FF
  • Transparent ACE8FF#ACE8FF
  • Transparent C1EEFF#C1EEFF
  • Transparent D6F3FF#D6F3FF
  • Transparent EAF9FF#EAF9FF


  • Transparent 40B7E6#40B7E6
  • Transparent 48B0D9#48B0D9
  • Transparent 50A9CC#50A9CC
  • Transparent 58A3C0#58A3C0
  • Transparent 609CB3#609CB3
  • Transparent 6895A6#6895A6
  • Transparent 708E99#708E99
  • Transparent 78878D#78878D


  • Transparent 269ECC#269ECC
  • Transparent 228AB3#228AB3
  • Transparent 1D7699#1D7699
  • Transparent 186380#186380
  • Transparent 134F66#134F66
  • Transparent 0E3B4D#0E3B4D
  • Transparent 0A2733#0A2733
  • Transparent 05141A#05141A

Highlighter Blue Color Patterns

  • Transparent

    Highlighter Blue Gingham Checks

  • Transparent

    Highlighter Blue Vertical Stripes Pattern

  • Transparent

    Highlighter Blue Polka Dots Pattern

  • Transparent

    Highlighter Blue Honeycomb Pattern

  • Transparent

    Highlighter Blue Leaves Pattern

  • Transparent

    Highlighter Blue Houndstooth Pattern

  • Transparent

    Highlighter Blue Trellis Pattern

  • Transparent

    Highlighter Blue Plaid Pattern

Photo credits: klipartz.com