#3aafdc - Highlighter Blue color

Vibrant, medium-bright cyan leaning toward sky blue with a touch of teal. It reads fresh and energetic, evoking tropical water, clear daytime skies, and modern tech interfaces. Clean and friendly, it pairs well with crisp whites, deep navy or charcoal for contrast, or warm corals and soft peaches to add warmth. Use it for call-to-action buttons, branding accents, or UI highlights where a lively yet trustworthy tone is desired.

color #3aafdc

#3aafdc color RGB value is 58, 175, 220, and the CMYK value is 0.736, 0.205, 0.00, 0.137. Alternative names for that color are: highlighter blue, teal, deepskyblue, cerulean, violet.

Color Conversion

Name
Values
CSS
RGB(0-255)
58, 175, 220
rgb(58, 175, 220)
CMYK
0.736, 0.205, 0.00, 0.137
-
sRGB
0.227, 0.686, 0.863
rgb(22.7% 68.6% 86.3%)
Adobe® 98 RGB compatible
0.425, 0.680, 0.852
color(a98-rgb 0.425 0.68 0.852)
HCT
230, 47.7, 67.1
color(--hct 230 32.9% 67.1%)
HSL
197, 69.8, 54.5
hsl(197 69.8% 54.5%)
HSV
197, 73.6, 86.3
color(--hsv 197 73.6% 86.3%)
HWB
197, 22.7, 13.7
hwb(197 22.7% 13.7%)
Lab
66.5, -22.3, -32.8
lab(66.5 -22.3 -32.8)
P3
0.367, 0.677, 0.845
color(display-p3 0.367 0.677 0.845)
XYZ D50
0.286, 0.360, 0.553
color(xyz-d50 0.286 0.36 0.553)

Shades

Steps:
Color Space:
Hue Interpolation Method:

Tints

Steps:
Color Space:
Hue Interpolation Method:

Tones

Steps:
Color Space:
Hue Interpolation Method:

Color Harmonies

HEX:#3aafdc
RGB:58 175 220
HSL:196.67deg 69.83% 54.51%
HEX:#dc673a
RGB:220 103 58
HSL:16.67deg 69.83% 54.51%

Similar Colors

More Tools