最接近的命名颜色 · #AD933F
#AD933F
最接近的命名颜色: Luxor Gold
#AD933F（rgb(173 147 63)、hsl(46 47% 46%)、oklch(0.67 0.108 92)）最接近命名颜色 Luxor Gold。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#AD933F
oklch(0.67 0.108 92)
颜色转换
- HEX
- #ad933f
- RGB
- rgb(173 147 63)
- HSL
- hsl(46 47% 46%)
- HWB
- hwb(46 25% 32%)
- OKLCH
- oklch(0.67 0.108 92)
- OKLab
- oklab(0.67 -0.004 0.107)
- CIE Lab
- lab(62.1 2.82 46.92)
- LCH
- lch(62.1 47 86.6)
- CMYK
- cmyk(0% 15% 64% 32%)
浅色调 · 深色调 · 灰色调
浅色调
- B59E55
- BDA869
- C5B37C
- CDBE8F
- D5C9A2
- DED3B4
- E6DEC7
- EEE9D9
- F7F4EC
深色调
- 967F35
- 7F6C2C
- 6A5923
- 55471B
- 413612
- 2D250A
- 1B1604
- 0B0801
- 010100
灰色调
- A89148
- A49051
- 9F8E58
- 9B8C5F
- 968A65
- 92886B
- 8D8671
- 898476
- 84827B
配色和谐
互补色 +180°
- AD933F
Luxor Gold
- 7E91D8
≈ Mood Mode
类似色 -30° +30°
- AD933F
Luxor Gold
- C4854B
≈ Butterscotch Glaze
- 8AA051
≈ Nasturtium Shoot
三角配色 +120° +240°
- AD933F
Luxor Gold
- 29A6BC
≈ Minted Blue
- BC7CB3
≈ Colombo Red Mauve
分裂互补色 +150° +210°
- AD933F
Luxor Gold
- 549DD2
≈ Blue Iguana
- A285CC
≈ Lilac Purple
四角配色 +90° +180° +270°
- AD933F
Luxor Gold
- 30AB9A
≈ Tropical Hideaway
- 7E91D8
≈ Mood Mode
- CC7890
≈ Devilish Diva
对比度与无障碍
Ag
Fail白底
WCAG 2.99:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.02:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
代码片段
CSS
:root {
--luxor-gold: #ad933f;
--luxor-gold-rgb: 173 147 63;
--luxor-gold-oklch: oklch(0.67 0.108 92);
}
.element {
color: var(--luxor-gold);
background-color: hsl(46 47% 46%);
border-color: oklch(0.67 0.108 92);
}Tailwind CSS v4
@theme {
--color-luxor-gold: #ad933f;
--color-luxor-gold-50: #fff5d3;
--color-luxor-gold-100: #f3e8c0;
--color-luxor-gold-200: #e3d4a0;
--color-luxor-gold-300: #c9b777;
--color-luxor-gold-400: #b59c4e;
--color-luxor-gold-500: #a0831c;
--color-luxor-gold-600: #876f1b;
--color-luxor-gold-700: #6c5916;
--color-luxor-gold-800: #51400d;
--color-luxor-gold-900: #382c08;
--color-luxor-gold-950: #231900;
}SCSS
$luxor-gold: #ad933f;
$luxor-gold-rgb: 173, 147, 63;
$luxor-gold-light: mix(#fff, $luxor-gold, 20%);
$luxor-gold-dark: mix(#000, $luxor-gold, 20%);
.element {
color: $luxor-gold;
box-shadow: 0 0 0 2px rgba($luxor-gold, 0.35);
}