Sail On
Also known as: Athens, Blue Triumph, Petrel, Field Blue
Sail On is a medium, gentle blue that reads as cool and professional. It shines in finance apps and trust-driven interfaces. Because it leans cool, balancing it with a orange keeps a palette from feeling one-note. Accessibility-wise, it clears AA for text on white at 4.77:1.
Sail On color codes
- HEX
- #4575AD
- RGB
- rgb(69, 117, 173)
- RGBA
- rgba(69, 117, 173, 1)
- HSL
- hsl(212, 43%, 47%)
- HSV
- hsv(212, 60%, 68%)
- CMYK
- cmyk(60%, 32%, 0%, 32%)
- LAB
- lab(47.8 -3.4 -35.4)
- OKLCH
- oklch(55.4% 0.102 253.4)
Color intelligence
Displays accurately on every screen and translates well to print.
Temperature
cool
Nearest standard colors
- CSS: steelblue#4682B4 · ΔE 5.3
- RAL 5015 — Sky blue#2874B2 · ΔE 3.4 · approximate
RAL values are widely published approximations of the physical standard. For Pantone-adjacent workflows, match by eye against a physical fan deck — Pantone's values are proprietary and device-dependent, so we don't print lookups.
Where Sail On works
- Web & UI: Use it directly for text on light surfaces; it clears AA contrast without adjustment.
- Interiors: Use it where you want the eye to land — front door, built-ins, or one bold wall.
- Fashion: One garment in this color carries an outfit; two starts to compete.
- Branding: The safest brand-primary family there is; differentiate with an unexpected accent.
- Web & UI: Reads as an interactive accent: fills, hovers, focus rings. Keep body text in a darker neutral.
- Branding: Best in a brand's supporting palette — packaging interiors, patterns, campaign accents.
Copy as — every ecosystem
Tints, shades, and tones of Sail On
Tints (lighter)
Shades (darker)
Color harmonies
Palettes built from Sail On by rotating its hue in OKLCH space. Click any swatch to copy its hex code.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Contrast & accessibility
Aa — on white
contrast 4.77:1
AA passAAA failAA large pass
Aa — on black
contrast 4.40:1
AA failAAA failAA large pass
Best text color on a Sail On background: #ffffff
Palettes featuring Sail On
Sail On with its complement
Soft neighbors of Sail On
Sail On triad
Similar colors
- Campanula#3473B7 · ΔE 2.0
- Naval#41729F · ΔE 2.6
- Mykonos#387ABE · ΔE 3.0
- Matt Blue#2C6FBB · ΔE 3.0
- Muted Blue#3B719F · ΔE 3.2
- Zenith#497A9F · ΔE 4.2
Looking for maximum contrast instead? The complement of Sail On is closest to Olivia.
Sail On FAQs
What color is Sail On?
Sail On is a medium blue with the hex code #4575AD. In HSL terms it has a hue of 212°, 43% saturation, and 47% lightness.
What is the hex code for Sail On?
The hex code for Sail On is #4575AD. In RGB it's rgb(69, 117, 173), and in CMYK it's cmyk(60%, 32%, 0%, 32%).
What colors go well with Sail On?
Sail On pairs naturally with orange tones from its complementary harmony, and with brown accents from its split-complementary palette. Its own tints and shades always work as a monochrome scheme.
Got a photo with a color like this? Identify it with the analyzer — free, instant, private.