命名颜色 · #00FBFF
Aggressive Aqua
Aggressive Aqua 即 #00FBFF：rgb(0 251 255)、hsl(181 100% 50%)、oklch(0.896 0.153 196.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Teal mean? → · Aggressive Aqua color name →
#00FBFF
oklch(0.896 0.153 196.8)
颜色转换
- HEX
- #00fbff
- RGB
- rgb(0 251 255)
- HSL
- hsl(181 100% 50%)
- HWB
- hwb(181 0% 0%)
- OKLCH
- oklch(0.896 0.153 196.8)
- OKLab
- oklab(0.896 -0.146 -0.044)
- CIE Lab
- lab(89.5 -49.15 -16.7)
- LCH
- lch(89.5 51.91 198.8)
- CMYK
- cmyk(100% 2% 0% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- 4FFCFF
- 6FFDFF
- 88FDFF
- 9DFEFF
- B0FEFF
- C2FFFF
- D2FFFF
- E2FFFF
- F1FFFF
深色调
- 00DADE
- 00BABE
- 009C9E
- 007E80
- 006163
- 004648
- 002D2E
- 001516
- 000303
灰色调
- 3AEEF2
- 50E2E4
- 5ED5D7
- 68C9CA
- 70BDBE
- 75B0B1
- 7AA4A5
- 7D9898
- 7F8C8C
配色和谐
互补色 +180°
- 00FBFF
Aggressive Aqua
- FFCFD0
≈ Aromatic Breeze
类似色 -30° +30°
- 00FBFF
Aggressive Aqua
- 60FDC7
≈ Rare Wind
- AFE6FF
≈ Frozen Landscape
三角配色 +120° +240°
- 00FBFF
Aggressive Aqua
- F2CEFF
≈ Rose Dragée
- FFD598
≈ Caramel Finish
分裂互补色 +150° +210°
- 00FBFF
Aggressive Aqua
- FFCCE5
≈ Classic Rose
- FFD2BC
≈ Vienna Sausage
四角配色 +90° +180° +270°
- 00FBFF
Aggressive Aqua
- D9D8FF
≈ Transparent Blue
- FFCFD0
≈ Aromatic Breeze
- E9E35F
≈ Celandine
对比度与无障碍
Ag
Fail白底
WCAG 1.29:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.24:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.24:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--aggressive-aqua: #00fbff;
--aggressive-aqua-rgb: 0 251 255;
--aggressive-aqua-oklch: oklch(0.896 0.153 196.8);
}
.element {
color: var(--aggressive-aqua);
background-color: hsl(181 100% 50%);
border-color: oklch(0.896 0.153 196.8);
}Tailwind CSS v4
@theme {
--color-aggressive-aqua: #00fbff;
--color-aggressive-aqua-50: #c2ffff;
--color-aggressive-aqua-100: #aaf8fb;
--color-aggressive-aqua-200: #7ee8ed;
--color-aggressive-aqua-300: #35cfd5;
--color-aggressive-aqua-400: #00b9bd;
--color-aggressive-aqua-500: #00a2a8;
--color-aggressive-aqua-600: #00898e;
--color-aggressive-aqua-700: #006e72;
--color-aggressive-aqua-800: #005152;
--color-aggressive-aqua-900: #003939;
--color-aggressive-aqua-950: #002324;
}SCSS
$aggressive-aqua: #00fbff;
$aggressive-aqua-rgb: 0, 251, 255;
$aggressive-aqua-light: mix(#fff, $aggressive-aqua, 20%);
$aggressive-aqua-dark: mix(#000, $aggressive-aqua, 20%);
.element {
color: $aggressive-aqua;
box-shadow: 0 0 0 2px rgba($aggressive-aqua, 0.35);
}