命名颜色 · #88FFEE
Defence Matrix
Defence Matrix 即 #88FFEE：rgb(136 255 238)、hsl(171 100% 77%)、oklch(0.926 0.111 183.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Teal mean? → · Defence Matrix color name →
#88FFEE
oklch(0.926 0.111 183.5)
颜色转换
- HEX
- #88ffee
- RGB
- rgb(136 255 238)
- HSL
- hsl(171 100% 77%)
- HWB
- hwb(171 53% 0%)
- OKLCH
- oklch(0.926 0.111 183.5)
- OKLab
- oklab(0.926 -0.111 -0.007)
- CIE Lab
- lab(92.73 -38.31 -2.86)
- LCH
- lch(92.73 38.42 184.3)
- CMYK
- cmyk(47% 0% 7% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- 97FFF0
- A5FFF1
- B2FFF3
- BEFFF5
- CAFFF6
- D5FFF8
- E0FFFA
- EBFFFC
- F5FFFD
深色调
- 75DECF
- 63BEB1
- 529E93
- 418077
- 31635C
- 224842
- 132E2A
- 061614
- 010303
灰色调
- 8AF2E2
- 8BE5D7
- 8BD8CC
- 8BCBC1
- 8ABEB5
- 89B1AA
- 87A5A0
- 859895
- 838C8A
配色和谐
互补色 +180°
- 88FFEE
Defence Matrix
- FFDCE3
≈ Pink Perfume
类似色 -30° +30°
- 88FFEE
Defence Matrix
- ABFDC4
≈ Neo Mint
- B8F2FF
≈ Northrend
三角配色 +120° +240°
- 88FFEE
Defence Matrix
- ECE0FF
≈ Lavender Savour
- FFE0C5
≈ Creamy Beige
分裂互补色 +150° +210°
- 88FFEE
Defence Matrix
- FFD9F7
≈ Strawberry Frost
- FFDED6
≈ Peach Schnapps
四角配色 +90° +180° +270°
- 88FFEE
Defence Matrix
- DEE5FF
≈ Lavender Mist
- FFDCE3
≈ Pink Perfume
- FFE58F
≈ Swallowtail
对比度与无障碍
Ag
Fail白底
WCAG 1.19:1 · APCA Lc 9
Ag
AAA黑底
WCAG 17.58:1 · APCA Lc 95
最佳文字颜色: #000000
WCAG 17.58:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--defence-matrix: #88ffee;
--defence-matrix-rgb: 136 255 238;
--defence-matrix-oklch: oklch(0.926 0.111 183.5);
}
.element {
color: var(--defence-matrix);
background-color: hsl(171 100% 77%);
border-color: oklch(0.926 0.111 183.5);
}Tailwind CSS v4
@theme {
--color-defence-matrix: #88ffee;
--color-defence-matrix-50: #d3fff9;
--color-defence-matrix-100: #bff5ed;
--color-defence-matrix-200: #9de4db;
--color-defence-matrix-300: #6fcabf;
--color-defence-matrix-400: #3eb4a5;
--color-defence-matrix-500: #009d8e;
--color-defence-matrix-600: #008578;
--color-defence-matrix-700: #006b60;
--color-defence-matrix-800: #004f45;
--color-defence-matrix-900: #003730;
--color-defence-matrix-950: #00211c;
}SCSS
$defence-matrix: #88ffee;
$defence-matrix-rgb: 136, 255, 238;
$defence-matrix-light: mix(#fff, $defence-matrix, 20%);
$defence-matrix-dark: mix(#000, $defence-matrix, 20%);
.element {
color: $defence-matrix;
box-shadow: 0 0 0 2px rgba($defence-matrix, 0.35);
}