命名颜色 · #ACA79E
Dorian Grey
Dorian Grey 即 #ACA79E：rgb(172 167 158)、hsl(39 8% 65%)、oklch(0.73 0.014 82.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Dorian Grey color name →
#ACA79E
oklch(0.73 0.014 82.4)
颜色转换
- HEX
- #aca79e
- RGB
- rgb(172 167 158)
- HSL
- hsl(39 8% 65%)
- HWB
- hwb(39 62% 33%)
- OKLCH
- oklch(0.73 0.014 82.4)
- OKLab
- oklab(0.73 0.002 0.014)
- CIE Lab
- lab(68.72 0.65 5.34)
- LCH
- lch(68.72 5.38 83)
- CMYK
- cmyk(0% 3% 8% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- B4AFA7
- BCB8B1
- C4C1BA
- CCC9C4
- D5D2CD
- DDDBD7
- E5E4E1
- EEEDEB
- F6F6F5
深色调
- 959189
- 7F7B74
- 696660
- 54524D
- 403E3A
- 2D2C29
- 1B1A18
- 0B0A09
- 010101
灰色调
- A7A39B
- A39F98
- 9F9B95
- 9A9792
- 96938F
- 918F8C
- 8D8C89
- 898886
- 848483
配色和谐
互补色 +180°
- ACA79E
Dorian Grey
- A3A8B1
≈ Mischka
类似色 -30° +30°
- ACA79E
Dorian Grey
- AFA5A0
≈ Maculata Bark
- A7A99F
≈ Old Celadon
三角配色 +120° +240°
- ACA79E
Dorian Grey
- 9EAAAB
≈ Citadel Blue
- ACA5AD
≈ Beguiling Mauve
分裂互补色 +150° +210°
- ACA79E
Dorian Grey
- 9FA9AF
≈ Seryi Grey
- A8A6B0
≈ Palace Walls
四角配色 +90° +180° +270°
- ACA79E
Dorian Grey
- 9FABA7
≈ Feldspar Silver
- A3A8B1
≈ Mischka
- AFA4A8
≈ Quest Grey
对比度与无障碍
Ag
Fail白底
WCAG 2.39:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.77:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--dorian-grey: #aca79e;
--dorian-grey-rgb: 172 167 158;
--dorian-grey-oklch: oklch(0.73 0.014 82.4);
}
.element {
color: var(--dorian-grey);
background-color: hsl(39 8% 65%);
border-color: oklch(0.73 0.014 82.4);
}Tailwind CSS v4
@theme {
--color-dorian-grey: #aca79e;
--color-dorian-grey-50: #f7f5f1;
--color-dorian-grey-100: #eae7e3;
--color-dorian-grey-200: #d7d4ce;
--color-dorian-grey-300: #bbb7af;
--color-dorian-grey-400: #a29e95;
--color-dorian-grey-500: #8b857c;
--color-dorian-grey-600: #757169;
--color-dorian-grey-700: #5e5a54;
--color-dorian-grey-800: #45423d;
--color-dorian-grey-900: #302d2a;
--color-dorian-grey-950: #1c1a18;
}SCSS
$dorian-grey: #aca79e;
$dorian-grey-rgb: 172, 167, 158;
$dorian-grey-light: mix(#fff, $dorian-grey, 20%);
$dorian-grey-dark: mix(#000, $dorian-grey, 20%);
.element {
color: $dorian-grey;
box-shadow: 0 0 0 2px rgba($dorian-grey, 0.35);
}