命名颜色 · #ADAAB1
Sylph
Sylph 即 #ADAAB1：rgb(173 170 177)、hsl(266 4% 68%)、oklch(0.743 0.01 305.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Sylph color name →
#ADAAB1
oklch(0.743 0.01 305.4)
颜色转换
- HEX
- #adaab1
- RGB
- rgb(173 170 177)
- HSL
- hsl(266 4% 68%)
- HWB
- hwb(266 67% 31%)
- OKLCH
- oklch(0.743 0.01 305.4)
- OKLab
- oklab(0.743 0.006 -0.009)
- CIE Lab
- lab(70.02 2.1 -3.21)
- LCH
- lch(70.02 3.83 303.2)
- CMYK
- cmyk(2% 4% 0% 31%)
浅色调 · 深色调 · 灰色调
浅色调
- B5B2B9
- BDBAC0
- C5C3C8
- CDCBD0
- D5D4D7
- DDDCDF
- E6E5E7
- EEEEEF
- F7F6F7
深色调
- 969399
- 7F7D83
- 6A686C
- 555357
- 413F42
- 2D2D2F
- 1B1B1C
- 0B0B0C
- 010101
灰色调
- A8A6AC
- A4A1A7
- 9F9DA2
- 9B999D
- 969598
- 929193
- 8D8C8E
- 89888A
- 848485
配色和谐
互补色 +180°
- ADAAB1
Sylph
- AAADA6
≈ Classic Greyscale
类似色 -30° +30°
- ADAAB1
Sylph
- A9ABB2
≈ Modern Lavender
- B0A9AE
≈ Iced Tulip
三角配色 +120° +240°
- ADAAB1
Sylph
- B0AAA5
≈ City Tower
- A5AEAC
≈ Silver Screen
分裂互补色 +150° +210°
- ADAAB1
Sylph
- ADACA4
≈ City Tower
- A7AEA9
≈ Silver Screen
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.29:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.16:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--sylph: #adaab1;
--sylph-rgb: 173 170 177;
--sylph-oklch: oklch(0.743 0.01 305.4);
}
.element {
color: var(--sylph);
background-color: hsl(266 4% 68%);
border-color: oklch(0.743 0.01 305.4);
}Tailwind CSS v4
@theme {
--color-sylph: #adaab1;
--color-sylph-50: #f6f4f7;
--color-sylph-100: #e9e7eb;
--color-sylph-200: #d5d3d8;
--color-sylph-300: #b9b6bc;
--color-sylph-400: #a09da3;
--color-sylph-500: #88848c;
--color-sylph-600: #737076;
--color-sylph-700: #5c5a5f;
--color-sylph-800: #434145;
--color-sylph-900: #2e2d30;
--color-sylph-950: #1b1a1c;
}SCSS
$sylph: #adaab1;
$sylph-rgb: 173, 170, 177;
$sylph-light: mix(#fff, $sylph, 20%);
$sylph-dark: mix(#000, $sylph, 20%);
.element {
color: $sylph;
box-shadow: 0 0 0 2px rgba($sylph, 0.35);
}