Highlighter Blue Color – #3aafdc: Codes and Complete Breakdown
By
Published on
The Highlighter Blue color hex code is #3aafdc, and it is composed of 23% red, 69% green and 86% blue.
Highlighter Blue is a light, bright, and cool color at 74% saturation. It has a contrast ratio of 2.52:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.
For better visibility, it is recommended to use the Highlighter Blue color (#3aafdc) against dark backgrounds.

Highlighter Blue Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#3aafdc
Highlighter Blue Color Codes and Information
Here’s a complete breakdown of the color Highlighter Blue, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #3aafdc |
| RGB | rgb(58,175,220) |
| HSL | hsl(197,69.8%,54.5%) |
| CMYK | 74, 20, 0, 14 |
| HSV | 197, 74, 86 |
| RGB % | 23, 69, 86 |
| XYZ | 30, 36.7, 73.2 |
| LAB | 67.1, -17.5, -32 |
| Color Category | Light |
| Color Family | Blue |
| Saturation | 74% |
| Temperature | Cool |
| Contrast Ratio Againt White (#ffffff) | 2.52 (fails WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 8.35 (passes WCAG AA) |
Similar Colors to Highlighter Blue Color
#16b8f3

Zima Blue
#00308f

US Air Force Blue
#8093a4

Dusty Blue
#4169e1

Royal Blue
#dde0df

Barely Blue
#9bb3bc

Blue Shell
#cfe2ef

Weak Blue
#bedbed

Twin Blue









