Wave logo

Waveのブランドカラー

Wave is a free accounting and invoicing software designed for small business owners and freelancers, offering bookkeeping, invoicing, and payroll tools with no monthly fee for its core accounting features. Used by millions of small businesses globally, it democratizes access to financial management tools. Wave's clean teal brand reflects the simplicity, clarity, and accessibility of its financial software.

https://wave.com

Against white, the Wave palette measures 1.09:1 at its lowest and 6.61:1 at its highest: 0040FF (#0040FF), CCE9FF (#CCE9FF), F9F4F1 (#F9F4F1), 76C3FC (#76C3FC), FD6F00 (#FD6F00), and E8AAFF (#E8AAFF). Only 0040FF meets WCAG AA's 4.5:1 floor for body text on white; the other five are limited to fills, large text, and non-text elements.

ロゴをダウンロード：
PNG WebP JPEG

Waveのカラーパレット

Waveはブランドアイデンティティに6の公式カラーを使用しています。

0040FF

#0040FF
HEX #0040FF
RGB 0, 64, 255
HSL 224.9°, 100.0%, 50.0%
On white 6.61:1
On black 3.18:1
As text on white AA

CCE9FF

#CCE9FF
HEX #CCE9FF
RGB 204, 233, 255
HSL 205.9°, 100.0%, 90.0%
On white 1.26:1
On black 16.67:1
As text on white Fail

F9F4F1

#F9F4F1
HEX #F9F4F1
RGB 249, 244, 241
HSL 22.5°, 40.0%, 96.1%
On white 1.09:1
On black 19.24:1
As text on white Fail

76C3FC

#76C3FC
HEX #76C3FC
RGB 118, 195, 252
HSL 205.5°, 95.7%, 72.5%
On white 1.91:1
On black 10.98:1
As text on white Fail

FD6F00

#FD6F00
HEX #FD6F00
RGB 253, 111, 0
HSL 26.3°, 100.0%, 49.6%
On white 2.82:1
On black 7.45:1
As text on white Fail

E8AAFF

#E8AAFF
HEX #E8AAFF
RGB 232, 170, 255
HSL 283.8°, 100.0%, 83.3%
On white 1.81:1
On black 11.63:1
As text on white Fail

よくある質問

What are the official Wave brand colors?
Waveはビジュアルアイデンティティに6の公式ブランドカラーを使用しています。このページの各色には正確なHEX、RGB、HSL値が含まれており、あらゆるデザインツールで正確に再現できます。
How do I use Wave brand colors in CSS?
Click the copy button next to any HEX code on this page to copy it to your clipboard. Then use it in CSS like: color: #HEX; or background-color: #HEX;.
Are these Wave colors official?
The color codes on this page are sourced from Wave's publicly available brand guidelines, press kits, and official resources. We strive to keep them accurate and up to date.
What color formats are available?
Each Wave brand color is shown in HEX, RGB, and HSL formats. Click on any color swatch to visit its detail page where you'll also find HSV, CMYK, and OKLCH values.
Can I use Wave brand colors in my project?
Brand colors are typically trademarked as part of a company's visual identity. You can reference them for educational, editorial, or interoperability purposes. For commercial use in a way that implies endorsement or affiliation, check Wave's brand guidelines.
What is the primary Wave color?
The primary Wave brand color is 0040FF (#0040FF). This is the first color listed in the brand palette and is typically the most recognizable.
How do I ensure color accuracy across devices?
HEX and RGB values render consistently in digital media (web, apps, screens). For print, convert to CMYK using the values on each color's detail page. Monitor calibration and color profiles can affect perception, so always proof on target devices.
Do Wave colors meet accessibility standards?
Accessibility depends on how colors are paired. Click any color to see its WCAG contrast ratios against white and black. Use our Contrast Checker to test any two Wave colors together.
How often are brand colors updated?
We periodically review and update brand color data. If Wave rebrands or publishes new guidelines, we update our records accordingly. If you spot an outdated color, feel free to let us know.
What other brands have similar colors?
Click on any Wave color to visit its detail page, which shows other brands that use the same or very similar hex values. You can also browse all brands on our Brands page.

Accessibility of the Wave palette

Of the 6 recorded colors, 1 reach the WCAG 2.1 AA ratio of 4.5:1 against a white background — the threshold normal-size body text must meet. Colors below that line are not failures of the palette: they remain valid as fills carrying white text, as large text at the 3:1 threshold, and as borders, icons, and other non-text elements, which SC 1.4.11 also holds to 3:1. A logotype set in such a color is exempt from the requirement entirely.

Reference: WCAG AA vs AAA contrast requirements compared · コントラストチェッカー

関連記事

チュートリアル

ウェブ開発者向け色アクセシビリティチェックリスト

5月 11, 2025

Wave and its associated marks are trademarks of their respective owner. ColorFYI records publicly published brand-guideline color values for reference, editorial, and interoperability purposes, and is neither affiliated with nor endorsed by Wave.