命名颜色 · #AE935D
Sconce
Sconce 即 #AE935D：rgb(174 147 93)、hsl(40 33% 52%)、oklch(0.675 0.079 83.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Sconce color name →
#AE935D
oklch(0.675 0.079 83.9)
颜色转换
- HEX
- #ae935d
- RGB
- rgb(174 147 93)
- HSL
- hsl(40 33% 52%)
- HWB
- hwb(40 36% 32%)
- OKLCH
- oklch(0.675 0.079 83.9)
- OKLab
- oklab(0.675 0.008 0.078)
- CIE Lab
- lab(62.51 5.09 32.45)
- LCH
- lch(62.51 32.85 81.1)
- CMYK
- cmyk(0% 16% 47% 32%)
浅色调 · 深色调 · 灰色调
浅色调
- B69E6D
- BEA87D
- C6B38D
- CEBD9D
- D6C8AD
- DED3BD
- E6DECE
- EFE9DE
- F7F4EE
深色调
- 977F50
- 806C43
- 6A5937
- 55472A
- 41361F
- 2E2514
- 1C160A
- 0B0803
- 010100
灰色调
- A99161
- A58F65
- A08E69
- 9B8C6D
- 978A71
- 928874
- 8E8677
- 89847A
- 85827D
配色和谐
互补色 +180°
- AE935D
Sconce
- 7E97C8
≈ Steel Blue Eyes
类似色 -30° +30°
- AE935D
Sconce
- BE8A68
≈ Fenugreek
- 969D63
≈ Stem
三角配色 +120° +240°
- AE935D
Sconce
- 56A5AD
≈ Freshwater
- AF86B3
≈ African Violet
分裂互补色 +150° +210°
- AE935D
Sconce
- 649FC0
≈ Gulf Stream Blue
- 998EC3
≈ Hermosa
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.94:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.13:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--sconce: #ae935d;
--sconce-rgb: 174 147 93;
--sconce-oklch: oklch(0.675 0.079 83.9);
}
.element {
color: var(--sconce);
background-color: hsl(40 33% 52%);
border-color: oklch(0.675 0.079 83.9);
}Tailwind CSS v4
@theme {
--color-sconce: #ae935d;
--color-sconce-50: #fff4dc;
--color-sconce-100: #f4e7cb;
--color-sconce-200: #e3d3af;
--color-sconce-300: #c9b589;
--color-sconce-400: #b59b68;
--color-sconce-500: #9f8245;
--color-sconce-600: #866e3c;
--color-sconce-700: #6c582f;
--color-sconce-800: #504021;
--color-sconce-900: #382c16;
--color-sconce-950: #221907;
}SCSS
$sconce: #ae935d;
$sconce-rgb: 174, 147, 93;
$sconce-light: mix(#fff, $sconce, 20%);
$sconce-dark: mix(#000, $sconce, 20%);
.element {
color: $sconce;
box-shadow: 0 0 0 2px rgba($sconce, 0.35);
}