色名 · #0FF0FE
Aqua
Aquaは#0FF0FE：rgb(15 240 254)、hsl(184 99% 53%)、oklch(0.87 0.147 202.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Aqua color name →
#0FF0FE
oklch(0.87 0.147 202.4)
カラー変換
- HEX
- #0ff0fe
- RGB
- rgb(15 240 254)
- HSL
- hsl(184 99% 53%)
- HWB
- hwb(184 6% 0%)
- OKLCH
- oklch(0.87 0.147 202.4)
- OKLab
- oklab(0.87 -0.136 -0.056)
- CIE Lab
- lab(86.3 -44.81 -20.95)
- LCH
- lch(86.3 49.47 205.1)
- CMYK
- cmyk(94% 6% 0% 0%)
ティント · シェード · トーン
ティント
- 4FF2FE
- 6EF4FE
- 86F6FF
- 9BF7FF
- AEF9FF
- C0FAFF
- D1FCFF
- E1FDFF
- F0FEFF
シェード
- 0BD1DD
- 08B2BD
- 05959E
- 037880
- 025D63
- 014347
- 002A2D
- 001416
- 000303
トーン
- 3BE5F1
- 4FD9E4
- 5DCED7
- 67C3CA
- 6EB7BD
- 74ACB1
- 79A1A4
- 7C9698
- 7E8B8C
カラーハーモニー
補色 +180°
- 0FF0FE
Aqua
- FFC3C0
≈ Ladylike
類似色 -30° +30°
- 0FF0FE
Aqua
- 4FF3CA
≈ Onsen
- A1DEFF
≈ Columbia Blue
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.40:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 14.91:1 · APCA Lc 84
最適な文字色: #000000
WCAG 14.91:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--aqua: #0ff0fe;
--aqua-rgb: 15 240 254;
--aqua-oklch: oklch(0.87 0.147 202.4);
}
.element {
color: var(--aqua);
background-color: hsl(184 99% 53%);
border-color: oklch(0.87 0.147 202.4);
}Tailwind CSS v4
@theme {
--color-aqua: #0ff0fe;
--color-aqua-50: #c4ffff;
--color-aqua-100: #adf7ff;
--color-aqua-200: #82e7f1;
--color-aqua-300: #40cdda;
--color-aqua-400: #00b7c4;
--color-aqua-500: #00a0b0;
--color-aqua-600: #008795;
--color-aqua-700: #006c77;
--color-aqua-800: #005057;
--color-aqua-900: #00383c;
--color-aqua-950: #002226;
}SCSS
$aqua: #0ff0fe;
$aqua-rgb: 15, 240, 254;
$aqua-light: mix(#fff, $aqua, 20%);
$aqua-dark: mix(#000, $aqua, 20%);
.element {
color: $aqua;
box-shadow: 0 0 0 2px rgba($aqua, 0.35);
}